init

.svn/pristine/cf/cf003af504f9c9f84cbd93603ce06b8c10b19efb.svn-base

@@ -0,0 +1 @@
+0000000000000000000000000000000000000000 ef01d2baa97b4636e4c1c9870671fe5e1ed77a4e Theluyuan <1162963624@qq.com> 1668390312 +0800	clone: from https://gitee.com/layui/layui-vue.git

.svn/pristine/cf/cf16d0e38b4188ad4e0e2cda136ac9aa3b5c8a95.svn-base

@@ -0,0 +1,40 @@
+<script lang="ts">
+export default {
+  name: "TeleportWrapper",
+};
+</script>
+<script lang="ts" setup>
+import { onMounted, ref } from "vue";
+
+export interface TeleportWrapperProps {
+  to?: string;
+  disabled?: boolean;
+}
+
+const props = withDefaults(defineProps<TeleportWrapperProps>(), {
+  to: "",
+  disabled: false,
+});
+
+const target = ref<Element | null>(null);
+
+onMounted(() => {
+  const observer = new MutationObserver((mutationList, observer) => {
+    for (const mutation of mutationList) {
+      if (mutation.type !== "childList") continue;
+      const el = document.querySelector(props.to);
+      if (!el) continue;
+      target.value = el;
+      observer.disconnect();
+      break;
+    }
+  });
+  observer.observe(document, { childList: true, subtree: true });
+  return () => observer.disconnect();
+});
+</script>
+<template>
+  <Teleport :to="target" :disabled="!target || disabled">
+    <slot></slot>
+  </Teleport>
+</template>

.svn/pristine/cf/cf19b256b3fb77ad024452778a6880f775ba39df.svn-base

@@ -0,0 +1,20 @@
+<script lang="ts">
+export default {
+  name: "FaceCryIcon",
+};
+</script>
+<script setup lang="ts">
+import LayIcon from "../component/icon/index";
+
+const props = defineProps<{
+  color?: string;
+  size?: string;
+}>();
+</script>
+<template>
+  <lay-icon
+    :color="props.color"
+    :size="props.size"
+    type="layui-icon-face-cry"
+  />
+</template>

.svn/pristine/cf/cf5c67cb91c4c35fc0c2ae51b49f6fad62002ae9.svn-base

@@ -0,0 +1,232 @@
+<script lang="ts">
+export default {
+  name: "LayFormItem",
+};
+</script>
+
+<script setup lang="ts">
+import {
+  inject,
+  withDefaults,
+  ref,
+  reactive,
+  toRefs,
+  onMounted,
+  computed,
+  watch,
+} from "vue";
+import {
+  LayFormContext,
+  LayFormItemContext,
+  FieldValidateError,
+} from "../../types/form";
+import Schema, {
+  Rule,
+  RuleItem,
+  Rules,
+  ValidateCallback,
+} from "async-validator";
+import cnValidateMessage from "./cnValidateMessage";
+
+export interface FormItemProps {
+  prop?: string;
+  mode?: string;
+  label?: string;
+  labelPosition?: string;
+  labelWidth?: string | number;
+  errorMessage?: string;
+  rules?: Rule;
+  required?: boolean;
+  requiredErrorMessage?: string;
+}
+
+const props = withDefaults(defineProps<FormItemProps>(), {
+  mode: "block",
+  labelPosition: "right",
+  labelWidth: 95,
+});
+
+const layForm = inject("LayForm", {} as LayFormContext);
+const formItemRef = ref<HTMLDivElement>();
+const slotParent = ref<HTMLDivElement>();
+
+// 是否必填
+const isRequired = computed(() => {
+  return props.required || layForm.required;
+});
+
+// 拼接校验规则
+const ruleItems = computed(() => {
+  const prop = props.prop;
+  if (!prop) {
+    return {};
+  }
+  let rulesArrs: RuleItem[] = [];
+  if (isRequired.value) {
+    rulesArrs.push({ required: true });
+  }
+  if (props.rules) {
+    rulesArrs = rulesArrs.concat(props.rules as RuleItem | RuleItem[]);
+  }
+  if (layForm.rules && layForm.rules[prop]) {
+    rulesArrs = rulesArrs.concat(layForm.rules[prop] as RuleItem | RuleItem[]);
+  }
+  return rulesArrs;
+});
+
+const filedValue = computed(() =>
+  props.prop ? layForm.model[props.prop] : undefined
+);
+
+watch(
+  () => filedValue.value,
+  (val) => validate(),
+  { deep: true }
+);
+
+// 错误状态和信息
+const errorMsg = ref();
+const errorStatus = ref(false);
+// 校验数据有效性
+const validate = (callback?: ValidateCallback) => {
+  if (props.prop && (ruleItems.value as RuleItem[]).length > 0) {
+    // 校验规则
+    const descriptor: Rules = {};
+    descriptor[layForm.useCN ? props.label || props.prop : props.prop] =
+      ruleItems.value;
+
+    const validator = new Schema(descriptor);
+
+    let model: { [key: string]: any } = {};
+    let validateMessage = null;
+    // 使用中文错误提示
+    if (layForm.useCN) {
+      validateMessage = Object.assign(
+        {},
+        cnValidateMessage,
+        layForm.validateMessage
+      );
+      model[props.label || props.prop] = filedValue.value;
+    } else {
+      layForm.validateMessage && (validateMessage = layForm.validateMessage);
+      model[props.prop] = filedValue.value;
+    }
+    // 自定义消息验证
+    layForm.requiredErrorMessage &&
+      // @ts-ignore
+      (validateMessage = Object.assign(validateMessage, {
+        required: layForm.requiredErrorMessage,
+      }));
+
+    props.requiredErrorMessage &&
+      // @ts-ignore
+      (validateMessage = Object.assign(validateMessage, {
+        required: props.requiredErrorMessage,
+      }));
+
+    validateMessage && validator.messages(validateMessage);
+
+    // 开始校验
+    validator.validate(model, (errors, fields) => {
+      errorStatus.value = errors !== null && errors.length > 0;
+      const slotParentDiv = slotParent.value as HTMLDivElement;
+      if (errorStatus.value) {
+        const _errors = errors as FieldValidateError[];
+        // 如果是中文,将错误信息转换成 FieldValidateError 类型
+        layForm.useCN &&
+          _errors.forEach((error) => {
+            error.label = props.label;
+            error.field = props.prop;
+          });
+        errorMsg.value = props.errorMessage ?? _errors[0].message;
+        slotParentDiv?.childElementCount > 0 &&
+          slotParentDiv?.firstElementChild?.classList.add("layui-form-danger");
+        callback && callback(_errors, fields);
+      } else {
+        clearValidate();
+      }
+    });
+  }
+};
+
+// 清除校验
+const clearValidate = () => {
+  errorStatus.value = false;
+  errorMsg.value = "";
+  const slotParentDiv = slotParent.value as HTMLDivElement;
+  slotParentDiv?.childElementCount > 0 &&
+    slotParentDiv?.firstElementChild?.classList.remove("layui-form-danger");
+};
+
+defineExpose({ validate, clearValidate });
+
+onMounted(() => {
+  if (props.prop) {
+    layForm.addField(
+      // @ts-ignore
+      reactive({
+        ...toRefs(props),
+        $el: formItemRef,
+        validate,
+        clearValidate,
+      }) as LayFormItemContext
+    );
+  }
+});
+
+const getMarginLeft = computed(() => {
+  if (props.mode == "block") {
+    if (props.labelPosition != "top") {
+      let labelWidth =
+        typeof props.labelWidth === "string"
+          ? parseFloat(props.labelWidth)
+          : props.labelWidth;
+      labelWidth += 15;
+      return {
+        "margin-left": `${labelWidth}px`,
+      };
+    } else {
+      return {
+        "margin-left": "0px",
+      };
+    }
+  }
+});
+</script>
+
+<template>
+  <div
+    class="layui-form-item"
+    :class="[`layui-form-item-${labelPosition}`]"
+    ref="formItemRef"
+  >
+    <label class="layui-form-label" :style="{ width: labelWidth + 'px' }">
+      <span
+        v-if="props.prop && isRequired"
+        :class="
+          ['layui-required', 'layui-icon'].concat(layForm.requiredIcons ?? '')
+        "
+      >
+        <slot name="required" :props="{ ...props, model: layForm.model }">{{
+          layForm.requiredIcons ? "" : "*"
+        }}</slot>
+      </span>
+      <slot name="label" :props="{ ...props, model: layForm.model }">
+        {{ label }}
+      </slot>
+    </label>
+    <div :class="[mode ? 'layui-input-' + mode : '']" :style="getMarginLeft">
+      <div ref="slotParent">
+        <slot :props="{ ...props, model: layForm.model }"></slot>
+      </div>
+      <span
+        v-if="errorStatus"
+        :class="[
+          'layui-error-message',
+          { 'layui-error-message-anim': errorStatus },
+        ]"
+        >{{ errorMsg }}</span
+      >
+    </div>
+  </div>
+</template>

.svn/pristine/cf/cf7de0010cf4ed02d1c40c3527740a3b01b2ecfd.svn-base

@@ -0,0 +1 @@
+x
u<>K<0E>0DY<44>^<5E><><EFBFBD>~$T<>Ӥ<EFBFBD>)&<26>R<EFBFBD><52>w'* <16><><<3C><<3C>Z<><5A><EFBFBD>&gs<67>J$‘<>:<3A><><02><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*<2A><>^=<3D><><EFBFBD><EFBFBD>^ȿ<><C8BF>X<EFBFBD>|<7C><>\?<3F>w<EFBFBD>K<EFBFBD>i<EFBFBD><19>3<EFBFBD>]<5D>$?:q<>k0<6B>P<EFBFBD><50><EFBFBD>O8S{r<><72><EFBFBD>y8D