@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/components/array/src/data.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dataProps = {
+  rangeSeparator: { type: String, default: "至" },
+  startPlaceholder: { type: String, default: "开始" },
+  endPlaceholder: { type: String, default: "结束" },
+  multiple: {
+    type: [String, Boolean]
+  },
+  readonly: {
+    type: Boolean
+  },
+  clearable: {
+    type: Boolean
+  },
+  modelValue: {
+    type: [Array, String],
+    default() {
+      return [];
+    }
+  },
+  config: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  compon: {
+    type: [String, Object],
+    default: "input"
+  },
+  check: {
+    type: [Boolean, Function]
+  },
+  disabled: { type: Boolean, default: false }
+};
+const dataEmits = [
+  "update:modelValue",
+  "focus",
+  "blur",
+  "clear",
+  "change",
+  "validate"
+];
+const dataSlot = {
+  default: "default",
+  suffix: "suffix",
+  prefix: "prefix"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/array/src/data.d.ts

@@ -0,0 +1,63 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dataProps: {
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    clearable: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default(): never[];
+    };
+    config: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    compon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    check: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    suffix: string;
+    prefix: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};

package/dist/components/array/src/data.js

@@ -0,0 +1,54 @@
+const dataProps = {
+  rangeSeparator: { type: String, default: "至" },
+  startPlaceholder: { type: String, default: "开始" },
+  endPlaceholder: { type: String, default: "结束" },
+  multiple: {
+    type: [String, Boolean]
+  },
+  readonly: {
+    type: Boolean
+  },
+  clearable: {
+    type: Boolean
+  },
+  modelValue: {
+    type: [Array, String],
+    default() {
+      return [];
+    }
+  },
+  config: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  compon: {
+    type: [String, Object],
+    default: "input"
+  },
+  check: {
+    type: [Boolean, Function]
+  },
+  disabled: { type: Boolean, default: false }
+};
+const dataEmits = [
+  "update:modelValue",
+  "focus",
+  "blur",
+  "clear",
+  "change",
+  "validate"
+];
+const dataSlot = {
+  default: "default",
+  suffix: "suffix",
+  prefix: "prefix"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

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

@@ -0,0 +1,244 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("array");
+    const props = __props;
+    const emit = __emit;
+    const refInput = require$$0.ref();
+    const isfocus = require$$0.ref(false);
+    const start = require$$0.ref();
+    const end = require$$0.ref();
+    const emove = require$$0.ref(false);
+    const isclear = require$$0.computed(() => {
+      if (props.clearable) {
+        if (start.value || end.value) {
+          if (emove.value || isfocus.value) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    const multiple = require$$0.computed(() => {
+      var _a;
+      let multiple2 = (_a = props.config) == null ? void 0 : _a.multiple;
+      if (props.multiple) {
+        if (multiple2 === true) {
+          return "|";
+        }
+      }
+      return multiple2;
+    });
+    require$$0.watch(
+      () => props.modelValue,
+      () => {
+        let v = props.modelValue;
+        if (typeof v == "string" && props.multiple) {
+          if (typeof props.multiple != "string") {
+            v = v.split(",");
+          } else {
+            v = v.split(props.multiple);
+          }
+        }
+        if (v) {
+          const s = v[0];
+          const e = v[1];
+          if (s !== start.value) {
+            start.value = s;
+          }
+          if (e !== end.value) {
+            end.value = e;
+          }
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    require$$0.watch(
+      () => isfocus.value,
+      () => {
+        if (isfocus.value) {
+          emit("focus");
+        } else {
+          emit("blur");
+        }
+      }
+    );
+    function onMouseenter() {
+      emove.value = true;
+    }
+    function onMouseleave() {
+      emove.value = false;
+    }
+    const errer = require$$0.ref();
+    function onInput(type) {
+      var _a, _b;
+      if (props.check) {
+        errer.value = void 0;
+        if (start.value && end.value) {
+          const callback = (e) => {
+            if (e) {
+              if (typeof e === "string") {
+                e = new Error(e);
+              }
+              e.type = type;
+              errer.value = e;
+              emit("validate", void 0, false, e.message);
+            } else {
+              emit("validate", void 0, true, "");
+              setValue([start.value, end.value]);
+            }
+          };
+          if (typeof props.check === "function") {
+            const v = props.check(start.value, end.value, callback);
+            if (!v) {
+              return false;
+            }
+          } else if (props.check === true) {
+            if (start.value > end.value) {
+              callback(
+                new Error(
+                  props.endPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? "") + "不能大于" + props.startPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? "")
+                )
+              );
+              return false;
+            }
+          }
+        }
+        emit("validate", void 0, true, "");
+      }
+      setValue([start.value, end.value]);
+    }
+    function onClear() {
+      start.value = void 0;
+      end.value = void 0;
+      if (props.check) {
+        errer.value = void 0;
+        emit("validate", void 0, true, "");
+      }
+      setValue(void 0);
+      emit("clear");
+    }
+    function setValue(value) {
+      if (props.multiple && value) {
+        let v = "";
+        if (typeof props.multiple != "string") {
+          v = value.join(",");
+        } else {
+          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) => {
+      var _a, _b, _c, _d;
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass([require$$0.unref(cs).z(), require$$0.unref(cs).is("focus", isfocus.value)]),
+        onMouseenter,
+        onMouseleave,
+        onClick: require$$0.withModifiers(onClick, ["stop"])
+      }, [
+        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).prefix),
+        (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(props.compon), require$$0.mergeProps(props.config, {
+          multiple: multiple.value,
+          class: [require$$0.unref(cs).z("value"), require$$0.unref(cs).z("start")],
+          modelValue: start.value,
+          "onUpdate:modelValue": [
+            _cache[0] || (_cache[0] = ($event) => start.value = $event),
+            _cache[1] || (_cache[1] = ($event) => onInput(0))
+          ],
+          placeholder: props.startPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? ""),
+          onClick: require$$0.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
+        require$$0.createElementVNode("span", {
+          class: require$$0.normalizeClass([require$$0.unref(cs).z("range")])
+        }, require$$0.toDisplayString(props.rangeSeparator), 3),
+        (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(props.compon), require$$0.mergeProps(props.config, {
+          multiple: multiple.value,
+          class: [require$$0.unref(cs).z("value"), require$$0.unref(cs).z("end")],
+          modelValue: end.value,
+          "onUpdate:modelValue": [
+            _cache[2] || (_cache[2] = ($event) => end.value = $event),
+            _cache[3] || (_cache[3] = ($event) => onInput(1))
+          ],
+          placeholder: props.endPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? ""),
+          onClick: require$$0.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
+        errer.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+          key: 0,
+          class: require$$0.normalizeClass([
+            require$$0.unref(cs).z("error"),
+            require$$0.unref(cs).is("clear", isclear.value),
+            "type-" + ((_c = errer.value) == null ? void 0 : _c.type)
+          ])
+        }, require$$0.toDisplayString(((_d = errer.value) == null ? void 0 : _d.message) ? errer.value.message : errer.value), 3)) : require$$0.createCommentVNode("", true),
+        require$$0.createElementVNode("input", {
+          class: require$$0.normalizeClass(require$$0.unref(cs).z("focus")),
+          ref_key: "refInput",
+          ref: refInput,
+          onBlur
+        }, null, 34),
+        isclear.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+          key: 1,
+          class: require$$0.normalizeClass([require$$0.unref(cs).z("icon"), require$$0.unref(cs).z("clear")]),
+          onClick: require$$0.withModifiers(onClear, ["stop"])
+        }, _cache[4] || (_cache[4] = [
+          require$$0.createElementVNode("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            "data-v-ea893728": ""
+          }, [
+            require$$0.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"
+            }),
+            require$$0.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)) : require$$0.createCommentVNode("", true),
+        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).suffix)
+      ], 34);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,111 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+    refs: {
+        refInput: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    clearable: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default(): never[];
+    };
+    config: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    compon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    check: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    clearable: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default(): never[];
+    };
+    config: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    compon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    check: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    config: Record<string, any>;
+    modelValue: string | unknown[];
+    disabled: boolean;
+    clearable: boolean;
+    readonly: boolean;
+    rangeSeparator: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    compon: string | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refInput: HTMLInputElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};