@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/input-array/src/index.cjs

@@ -1,221 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/input-number/index");
-const index$2 = require("element-plus/es/components/input/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("input-array");
-    const props = __props;
-    const emit = __emit;
-    const refInput = vue.ref();
-    const isfocus = vue.ref(false);
-    const start = vue.ref("");
-    const end = vue.ref("");
-    if (props.isNumber) {
-      start.value = 0;
-      end.value = 0;
-    } else {
-      start.value = "";
-      end.value = "";
-    }
-    const emove = vue.ref(false);
-    const isclear = vue.computed(() => {
-      if (props.clearable) {
-        if (start.value || end.value) {
-          if (emove.value || isfocus.value) {
-            return true;
-          }
-        }
-      }
-      return false;
-    });
-    vue.watch(
-      () => props.modelValue,
-      () => {
-        let v = props.modelValue || [];
-        if (typeof v == "string" && props.multiple) {
-          v = v.split(props.multiple);
-        }
-        const value = v;
-        const s = value[0] || "";
-        const e = value[1] || "";
-        if (s !== start.value) {
-          if (props.isNumber) {
-            start.value = Number(s);
-          } else {
-            start.value = s;
-          }
-        }
-        if (e !== end.value) {
-          if (props.isNumber) {
-            end.value = Number(e);
-          } else {
-            end.value = e;
-          }
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    vue.watch(
-      () => isfocus.value,
-      () => {
-        if (isfocus.value) {
-          emit("focus");
-        } else {
-          emit("blur");
-        }
-      }
-    );
-    function onMouseenter() {
-      emove.value = true;
-    }
-    function onMouseleave() {
-      emove.value = false;
-    }
-    function omInput() {
-      setValue([start.value, end.value]);
-    }
-    function onClear() {
-      if (props.isNumber) {
-        start.value = 0;
-        end.value = 0;
-      } else {
-        start.value = "";
-        end.value = "";
-      }
-      setValue([]);
-      emit("clear");
-    }
-    function setValue(value) {
-      if (props.multiple) {
-        const v = value.join(props.multiple);
-        emit("update:modelValue", v);
-        emit("change", v);
-      } else {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    }
-    function onClick() {
-      isfocus.value = true;
-      if (refInput.value) {
-        refInput.value.focus();
-      }
-      clearBlur();
-    }
-    function onFocus() {
-      isfocus.value = true;
-      clearBlur();
-    }
-    let timeout;
-    function onBlur() {
-      timeout = setTimeout(() => {
-        isfocus.value = false;
-      }, 200);
-    }
-    function clearBlur() {
-      clearTimeout(timeout);
-    }
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("focus", isfocus.value)]),
-        onMouseenter,
-        onMouseleave,
-        onClick: vue.withModifiers(onClick, ["stop"])
-      }, [
-        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
-        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
-          key: 0,
-          class: vue.normalizeClass([vue.unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onInput: omInput,
-          onClick: vue.withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
-          key: 1,
-          class: vue.normalizeClass([vue.unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          onInput: omInput,
-          onClick: vue.withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass([vue.unref(cs).z("range")])
-        }, vue.toDisplayString(props.rangeSeparator), 3),
-        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
-          key: 2,
-          class: vue.normalizeClass([vue.unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onClick: vue.withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
-          key: 3,
-          class: vue.normalizeClass([vue.unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          onClick: vue.withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        vue.createElementVNode("input", {
-          class: vue.normalizeClass(vue.unref(cs).z("focus")),
-          ref_key: "refInput",
-          ref: refInput,
-          onBlur
-        }, null, 34),
-        isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 4,
-          class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
-          onClick: vue.withModifiers(onClear, ["stop"])
-        }, _cache[4] || (_cache[4] = [
-          vue.createElementVNode("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            "data-v-ea893728": ""
-          }, [
-            vue.createElementVNode("path", {
-              fill: "currentColor",
-              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-            }),
-            vue.createElementVNode("path", {
-              fill: "currentColor",
-              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-            })
-          ], -1)
-        ]), 2)) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
-      ], 34);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/input-array/src/index.d.ts

@@ -75,8 +75,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    modelValue: string | unknown[];
     disabled: boolean;
+    modelValue: string | unknown[];
     clearable: boolean;
     readonly: boolean;
     rangeSeparator: string;

package/dist/components/input-array/src/index.js

@@ -1,221 +1,4 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { ElInputNumber } from "element-plus/es/components/input-number/index";
-import { ElInput } from "element-plus/es/components/input/index";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("input-array");
-    const props = __props;
-    const emit = __emit;
-    const refInput = ref();
-    const isfocus = ref(false);
-    const start = ref("");
-    const end = ref("");
-    if (props.isNumber) {
-      start.value = 0;
-      end.value = 0;
-    } else {
-      start.value = "";
-      end.value = "";
-    }
-    const emove = ref(false);
-    const isclear = computed(() => {
-      if (props.clearable) {
-        if (start.value || end.value) {
-          if (emove.value || isfocus.value) {
-            return true;
-          }
-        }
-      }
-      return false;
-    });
-    watch(
-      () => props.modelValue,
-      () => {
-        let v = props.modelValue || [];
-        if (typeof v == "string" && props.multiple) {
-          v = v.split(props.multiple);
-        }
-        const value = v;
-        const s = value[0] || "";
-        const e = value[1] || "";
-        if (s !== start.value) {
-          if (props.isNumber) {
-            start.value = Number(s);
-          } else {
-            start.value = s;
-          }
-        }
-        if (e !== end.value) {
-          if (props.isNumber) {
-            end.value = Number(e);
-          } else {
-            end.value = e;
-          }
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    watch(
-      () => isfocus.value,
-      () => {
-        if (isfocus.value) {
-          emit("focus");
-        } else {
-          emit("blur");
-        }
-      }
-    );
-    function onMouseenter() {
-      emove.value = true;
-    }
-    function onMouseleave() {
-      emove.value = false;
-    }
-    function omInput() {
-      setValue([start.value, end.value]);
-    }
-    function onClear() {
-      if (props.isNumber) {
-        start.value = 0;
-        end.value = 0;
-      } else {
-        start.value = "";
-        end.value = "";
-      }
-      setValue([]);
-      emit("clear");
-    }
-    function setValue(value) {
-      if (props.multiple) {
-        const v = value.join(props.multiple);
-        emit("update:modelValue", v);
-        emit("change", v);
-      } else {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    }
-    function onClick() {
-      isfocus.value = true;
-      if (refInput.value) {
-        refInput.value.focus();
-      }
-      clearBlur();
-    }
-    function onFocus() {
-      isfocus.value = true;
-      clearBlur();
-    }
-    let timeout;
-    function onBlur() {
-      timeout = setTimeout(() => {
-        isfocus.value = false;
-      }, 200);
-    }
-    function clearBlur() {
-      clearTimeout(timeout);
-    }
-    __expose({
-      ...dataExpose
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(cs).z(), unref(cs).is("focus", isfocus.value)]),
-        onMouseenter,
-        onMouseleave,
-        onClick: withModifiers(onClick, ["stop"])
-      }, [
-        renderSlot(_ctx.$slots, unref(dataSlot).prefix),
-        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
-          key: 0,
-          class: normalizeClass([unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onInput: omInput,
-          onClick: withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
-          key: 1,
-          class: normalizeClass([unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          onInput: omInput,
-          onClick: withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        createElementVNode("span", {
-          class: normalizeClass([unref(cs).z("range")])
-        }, toDisplayString(props.rangeSeparator), 3),
-        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
-          key: 2,
-          class: normalizeClass([unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onClick: withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
-          key: 3,
-          class: normalizeClass([unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          onClick: withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        createElementVNode("input", {
-          class: normalizeClass(unref(cs).z("focus")),
-          ref_key: "refInput",
-          ref: refInput,
-          onBlur
-        }, null, 34),
-        isclear.value ? (openBlock(), createElementBlock("span", {
-          key: 4,
-          class: normalizeClass([unref(cs).z("icon"), unref(cs).z("clear")]),
-          onClick: withModifiers(onClear, ["stop"])
-        }, _cache[4] || (_cache[4] = [
-          createElementVNode("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            "data-v-ea893728": ""
-          }, [
-            createElementVNode("path", {
-              fill: "currentColor",
-              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-            }),
-            createElementVNode("path", {
-              fill: "currentColor",
-              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-            })
-          ], -1)
-        ]), 2)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, unref(dataSlot).suffix)
-      ], 34);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

package/dist/components/input-array/src/index2.cjs

@@ -1,4 +1,213 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const index$3 = require("../../icon/index.cjs");
+const clear = require("../../../icons/vue/clear.cjs");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("element-plus/es/components/input-number/index");
+const index$2 = require("element-plus/es/components/input/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("input-array");
+    const props = __props;
+    const emit = __emit;
+    const refInput = vue.ref();
+    const isfocus = vue.ref(false);
+    const start = vue.ref("");
+    const end = vue.ref("");
+    if (props.isNumber) {
+      start.value = 0;
+      end.value = 0;
+    } else {
+      start.value = "";
+      end.value = "";
+    }
+    const emove = vue.ref(false);
+    const isclear = vue.computed(() => {
+      if (props.clearable) {
+        if (start.value || end.value) {
+          if (emove.value || isfocus.value) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        let v = props.modelValue || [];
+        if (typeof v == "string" && props.multiple) {
+          v = v.split(props.multiple);
+        }
+        const value = v;
+        const s = value[0] || "";
+        const e = value[1] || "";
+        if (s !== start.value) {
+          if (props.isNumber) {
+            start.value = Number(s);
+          } else {
+            start.value = s;
+          }
+        }
+        if (e !== end.value) {
+          if (props.isNumber) {
+            end.value = Number(e);
+          } else {
+            end.value = e;
+          }
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    vue.watch(
+      () => isfocus.value,
+      () => {
+        if (isfocus.value) {
+          emit("focus");
+        } else {
+          emit("blur");
+        }
+      }
+    );
+    function onMouseenter() {
+      emove.value = true;
+    }
+    function onMouseleave() {
+      emove.value = false;
+    }
+    function omInput() {
+      setValue([start.value, end.value]);
+    }
+    function onClear() {
+      if (props.isNumber) {
+        start.value = 0;
+        end.value = 0;
+      } else {
+        start.value = "";
+        end.value = "";
+      }
+      setValue([]);
+      emit("clear");
+    }
+    function setValue(value) {
+      if (props.multiple) {
+        const v = value.join(props.multiple);
+        emit("update:modelValue", v);
+        emit("change", v);
+      } else {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    }
+    function onClick() {
+      isfocus.value = true;
+      if (refInput.value) {
+        refInput.value.focus();
+      }
+      clearBlur();
+    }
+    function onFocus() {
+      isfocus.value = true;
+      clearBlur();
+    }
+    let timeout;
+    function onBlur() {
+      timeout = setTimeout(() => {
+        isfocus.value = false;
+      }, 200);
+    }
+    function clearBlur() {
+      clearTimeout(timeout);
+    }
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("focus", isfocus.value)]),
+        onMouseenter,
+        onMouseleave,
+        onClick: vue.withModifiers(onClick, ["stop"])
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
+        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
+          key: 0,
+          class: vue.normalizeClass([vue.unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onInput: omInput,
+          onClick: vue.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
+          key: 1,
+          class: vue.normalizeClass([vue.unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          onInput: omInput,
+          onClick: vue.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass([vue.unref(cs).z("range")])
+        }, vue.toDisplayString(props.rangeSeparator), 3),
+        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
+          key: 2,
+          class: vue.normalizeClass([vue.unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onClick: vue.withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
+          key: 3,
+          class: vue.normalizeClass([vue.unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          onClick: vue.withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        vue.createElementVNode("input", {
+          class: vue.normalizeClass(vue.unref(cs).z("focus")),
+          ref_key: "refInput",
+          ref: refInput,
+          onBlur
+        }, null, 34),
+        isclear.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Icon), {
+          key: 4,
+          class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
+          onClick: vue.withModifiers(onClear, ["stop"])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(clear.default)
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
+      ], 34);
+    };
+  }
+});
+exports.default = _sfc_main;