@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./index2.js";
+/* empty css       */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98c7f863"]]);
+export {
+  SrcVue as default
+};

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

@@ -0,0 +1,221 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const data = require("./data.cjs");
+const elementPlus = require("element-plus");
+const index = require("../../../hooks/inherit/index.cjs");
+const use = require("../../common/use.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const getCss = require("@fangzhongya/utils/css/getCss");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit(require$$0.useAttrs());
+    const slots = require$$0.useSlots();
+    const cs = index$1.useCssName("input-select");
+    const props = __props;
+    const emit = __emit;
+    const visible = require$$0.ref(false);
+    const width = require$$0.ref(200);
+    const refInput = require$$0.ref();
+    const isfocus = require$$0.ref(false);
+    const isFiletr = require$$0.ref(false);
+    const value = require$$0.computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const options = require$$0.computed(() => {
+      if (props.filterable && value.value && isFiletr.value) {
+        return props.options.filter((o) => {
+          return (use.useVueValue(o, props.prop) + "").includes(
+            value.value || ""
+          );
+        });
+      }
+      return props.options;
+    });
+    const isclear = require$$0.computed(() => {
+      if (props.readonly) {
+        return false;
+      }
+      if (props.clearable && value.value && isfocus.value) {
+        return true;
+      }
+      return false;
+    });
+    function setWidth() {
+      if (refInput.value && refInput.value.ref) {
+        width.value = getCss.getCss(refInput.value.ref, "width");
+      }
+    }
+    function onClickSelect(item) {
+      if (!item.disabled) {
+        value.value = use.useVueValue(item, props.prop);
+        emit("change", value.value, item);
+        visible.value = false;
+        isFiletr.value = false;
+      }
+    }
+    function getSelected(item) {
+      const v = use.useVueValue(item, props.prop);
+      if (v === value.value) {
+        return "selected";
+      } else {
+        return;
+      }
+    }
+    function onInput(v, ...arr) {
+      emit("input", v, ...arr);
+      if (props.filterable) {
+        isFiletr.value = true;
+        visible.value = true;
+      }
+    }
+    let timeout;
+    function onBlur(...arr) {
+      emit("blur", ...arr);
+      timeout = setTimeout(() => {
+        isfocus.value = false;
+        visible.value = false;
+      }, 200);
+    }
+    function clearBlur() {
+      clearTimeout(timeout);
+    }
+    function onFocus(...arr) {
+      isfocus.value = true;
+      clearBlur();
+      emit("focus", ...arr);
+    }
+    function onClear() {
+      clearBlur();
+      value.value = "";
+      refInput.value.focus();
+    }
+    function onClick() {
+      if (!props.readonly) {
+        isFiletr.value = false;
+        visible.value = !visible.value;
+      }
+    }
+    require$$0.onMounted(() => {
+      setWidth();
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElPopover), {
+        trigger: "click",
+        "popper-class": require$$0.unref(cs).z("popper"),
+        visible: visible.value,
+        disabled: props.disabled || !(options.value && options.value.length > 0),
+        width: width.value
+      }, {
+        reference: require$$0.withCtx(() => [
+          require$$0.createElementVNode("div", require$$0.mergeProps({
+            class: [require$$0.unref(cs).z(), require$$0.unref(cs).is("disabled", props.disabled)]
+          }, require$$0.unref(attrs).root, { onClick }), [
+            require$$0.createVNode(require$$0.unref(elementPlus.ElInput), require$$0.mergeProps({
+              ref_key: "refInput",
+              ref: refInput,
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+            }, require$$0.unref(attrs).assem, {
+              disabled: props.disabled,
+              readonly: props.readonly,
+              onInput,
+              onFocus,
+              onBlur,
+              clearable: false
+            }), require$$0.createSlots({
+              suffix: require$$0.withCtx(() => [
+                isclear.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+                  key: 0,
+                  class: require$$0.normalizeClass([require$$0.unref(cs).z("select-icon"), "clear"]),
+                  onClick: require$$0.withModifiers(onClear, ["stop"])
+                }, _cache[1] || (_cache[1] = [
+                  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, {}, void 0, true),
+                require$$0.createElementVNode("span", {
+                  class: require$$0.normalizeClass([
+                    require$$0.unref(cs).z("select-icon"),
+                    require$$0.unref(cs).is("reverse", visible.value)
+                  ])
+                }, [
+                  require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).iconSelect, {}, () => [
+                    _cache[2] || (_cache[2] = 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: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+                      })
+                    ], -1))
+                  ], true)
+                ], 2)
+              ]),
+              _: 2
+            }, [
+              require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, index2) => {
+                return {
+                  name: k,
+                  fn: require$$0.withCtx(() => [
+                    require$$0.renderSlot(_ctx.$slots, k, {}, void 0, true)
+                  ])
+                };
+              })
+            ]), 1040, ["modelValue", "disabled", "readonly"])
+          ], 16)
+        ]),
+        default: require$$0.withCtx(() => [
+          require$$0.createElementVNode("div", {
+            class: require$$0.normalizeClass(require$$0.unref(cs).z("select"))
+          }, [
+            require$$0.createElementVNode("ul", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("select-ul"))
+            }, [
+              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(options.value, (item) => {
+                return require$$0.openBlock(), require$$0.createElementBlock("li", {
+                  class: require$$0.normalizeClass([
+                    require$$0.unref(cs).z("select-li"),
+                    require$$0.unref(cs).is("disabled", item == null ? void 0 : item.disabled),
+                    getSelected(item)
+                  ]),
+                  onClick: require$$0.withModifiers(($event) => onClickSelect(item), ["stop"])
+                }, require$$0.toDisplayString(require$$0.unref(use.useVueValue)(item, props.label)), 11, _hoisted_1);
+              }), 256))
+            ], 2)
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["popper-class", "visible", "disabled", "width"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/input-select/src/index2.js

@@ -0,0 +1,221 @@
+import { defineComponent, useAttrs, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, mergeProps, createVNode, createSlots, createCommentVNode, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
+import { ElPopover, ElInput } from "element-plus";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { useVueValue } from "../../common/use.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { getCss } from "@fangzhongya/utils/css/getCss";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("input-select");
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const width = ref(200);
+    const refInput = ref();
+    const isfocus = ref(false);
+    const isFiletr = ref(false);
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const options = computed(() => {
+      if (props.filterable && value.value && isFiletr.value) {
+        return props.options.filter((o) => {
+          return (useVueValue(o, props.prop) + "").includes(
+            value.value || ""
+          );
+        });
+      }
+      return props.options;
+    });
+    const isclear = computed(() => {
+      if (props.readonly) {
+        return false;
+      }
+      if (props.clearable && value.value && isfocus.value) {
+        return true;
+      }
+      return false;
+    });
+    function setWidth() {
+      if (refInput.value && refInput.value.ref) {
+        width.value = getCss(refInput.value.ref, "width");
+      }
+    }
+    function onClickSelect(item) {
+      if (!item.disabled) {
+        value.value = useVueValue(item, props.prop);
+        emit("change", value.value, item);
+        visible.value = false;
+        isFiletr.value = false;
+      }
+    }
+    function getSelected(item) {
+      const v = useVueValue(item, props.prop);
+      if (v === value.value) {
+        return "selected";
+      } else {
+        return;
+      }
+    }
+    function onInput(v, ...arr) {
+      emit("input", v, ...arr);
+      if (props.filterable) {
+        isFiletr.value = true;
+        visible.value = true;
+      }
+    }
+    let timeout;
+    function onBlur(...arr) {
+      emit("blur", ...arr);
+      timeout = setTimeout(() => {
+        isfocus.value = false;
+        visible.value = false;
+      }, 200);
+    }
+    function clearBlur() {
+      clearTimeout(timeout);
+    }
+    function onFocus(...arr) {
+      isfocus.value = true;
+      clearBlur();
+      emit("focus", ...arr);
+    }
+    function onClear() {
+      clearBlur();
+      value.value = "";
+      refInput.value.focus();
+    }
+    function onClick() {
+      if (!props.readonly) {
+        isFiletr.value = false;
+        visible.value = !visible.value;
+      }
+    }
+    onMounted(() => {
+      setWidth();
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopover), {
+        trigger: "click",
+        "popper-class": unref(cs).z("popper"),
+        visible: visible.value,
+        disabled: props.disabled || !(options.value && options.value.length > 0),
+        width: width.value
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", mergeProps({
+            class: [unref(cs).z(), unref(cs).is("disabled", props.disabled)]
+          }, unref(attrs).root, { onClick }), [
+            createVNode(unref(ElInput), mergeProps({
+              ref_key: "refInput",
+              ref: refInput,
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+            }, unref(attrs).assem, {
+              disabled: props.disabled,
+              readonly: props.readonly,
+              onInput,
+              onFocus,
+              onBlur,
+              clearable: false
+            }), createSlots({
+              suffix: withCtx(() => [
+                isclear.value ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass([unref(cs).z("select-icon"), "clear"]),
+                  onClick: withModifiers(onClear, ["stop"])
+                }, _cache[1] || (_cache[1] = [
+                  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, {}, void 0, true),
+                createElementVNode("span", {
+                  class: normalizeClass([
+                    unref(cs).z("select-icon"),
+                    unref(cs).is("reverse", visible.value)
+                  ])
+                }, [
+                  renderSlot(_ctx.$slots, unref(dataSlot).iconSelect, {}, () => [
+                    _cache[2] || (_cache[2] = createElementVNode("svg", {
+                      viewBox: "0 0 1024 1024",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      "data-v-ea893728": ""
+                    }, [
+                      createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+                      })
+                    ], -1))
+                  ], true)
+                ], 2)
+              ]),
+              _: 2
+            }, [
+              renderList(Object.keys(unref(slots)), (k, index) => {
+                return {
+                  name: k,
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, k, {}, void 0, true)
+                  ])
+                };
+              })
+            ]), 1040, ["modelValue", "disabled", "readonly"])
+          ], 16)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("select"))
+          }, [
+            createElementVNode("ul", {
+              class: normalizeClass(unref(cs).z("select-ul"))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  class: normalizeClass([
+                    unref(cs).z("select-li"),
+                    unref(cs).is("disabled", item == null ? void 0 : item.disabled),
+                    getSelected(item)
+                  ]),
+                  onClick: withModifiers(($event) => onClickSelect(item), ["stop"])
+                }, toDisplayString(unref(useVueValue)(item, props.label)), 11, _hoisted_1);
+              }), 256))
+            ], 2)
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["popper-class", "visible", "disabled", "width"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/inputs/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Inputs = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Inputs");

package/dist/components/inputs/index.css

@@ -0,0 +1,22 @@
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
+  font-size: 20px;
+}
+
+.el-inputs-input {
+  height: 100%;
+}

package/dist/components/inputs/index.d.ts

@@ -1,12 +1,21 @@
-declare const Inputs: import('../../utils/vues').WithInstall<{
+declare const Inputs: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        oncePlaceholder: {
+            type: BooleanConstructor;
+        };
         placeholder: {
             type: StringConstructor;
         };
         modelValue: {
-            type: StringConstructor;
+            type: (NumberConstructor | StringConstructor)[];
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }>> & Readonly<{}>, {
+        el: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        oncePlaceholder: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -14,26 +23,38 @@ declare const Inputs: import('../../utils/vues').WithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        oncePlaceholder: {
+            type: BooleanConstructor;
+        };
         placeholder: {
             type: StringConstructor;
         };
         modelValue: {
-            type: StringConstructor;
+            type: (NumberConstructor | StringConstructor)[];
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }>> & Readonly<{}>, {
+        el: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {
+        oncePlaceholder: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    oncePlaceholder: {
+        type: BooleanConstructor;
+    };
     placeholder: {
         type: StringConstructor;
     };
     modelValue: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+        type: (NumberConstructor | StringConstructor)[];
     };
-})> & Record<string, any>;
+}>> & Readonly<{}>, {
+    el: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    oncePlaceholder: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+}) & import('vue').Plugin;
 export { Inputs, Inputs as default };

package/dist/components/inputs/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Inputs = withInstall(_sfc_main, "Inputs");

package/dist/components/inputs/index.scss

@@ -0,0 +1,8 @@
+@use '../css/common.scss' as *;
+
+$inputs: 'inputs';
+@include b($inputs) {
+	&-input {
+		height: 100%;
+	}
+}

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

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const buildProps = require("../../../utils/vues/buildProps.cjs");
-const dataProps = buildProps.buildProps({
+const dataProps = {
+  oncePlaceholder: {
+    type: Boolean
+  },
   /**
    * @props { String } placeholder= ( )
    * 输入框提示
@@ -14,9 +16,9 @@ const dataProps = buildProps.buildProps({
    * 输入框展示数据
    */
   modelValue: {
-    type: String
+    type: [String, Number]
   }
-});
+};
 const dataEmits = ["update:modelValue"];
 exports.dataEmits = dataEmits;
 exports.dataProps = dataProps;

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

@@ -1,5 +1,8 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPropTypes } from 'vue';
 export declare const dataProps: {
+    oncePlaceholder: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { String } placeholder= ( )
      * 输入框提示
@@ -12,10 +15,10 @@ export declare const dataProps: {
      * 输入框展示数据
      */
     modelValue: {
-        type: StringConstructor;
+        type: (NumberConstructor | StringConstructor)[];
     };
 };
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
  * @emits {string} update:modelValue (str:string)
  * modelValue 数据双向绑定

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

@@ -1,5 +1,7 @@
-import { buildProps } from "../../../utils/vues/buildProps.js";
-const dataProps = buildProps({
+const dataProps = {
+  oncePlaceholder: {
+    type: Boolean
+  },
   /**
    * @props { String } placeholder= ( )
    * 输入框提示
@@ -12,9 +14,9 @@ const dataProps = buildProps({
    * 输入框展示数据
    */
   modelValue: {
-    type: String
+    type: [String, Number]
   }
-});
+};
 const dataEmits = ["update:modelValue"];
 export {
   dataEmits,