@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,4 +1,206 @@
-import _sfc_main from "./index.js";
+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 { Icon } from "../../icon/index.js";
+import Clear from "../../../icons/vue/clear.js";
+import Below from "../../../icons/vue/below.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { ElInput } from "element-plus/es/components/input/index";
+import { ElPopover } from "element-plus/es/components/popover/index";
+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(), createBlock(unref(Icon), {
+                  key: 0,
+                  class: normalizeClass([unref(cs).z("select-icon"), "clear"]),
+                  onClick: withModifiers(onClear, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(Clear)
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, unref(dataSlot).suffix),
+                createElementVNode("span", {
+                  class: normalizeClass([
+                    unref(cs).z("select-icon"),
+                    unref(cs).is("reverse", visible.value)
+                  ])
+                }, [
+                  renderSlot(_ctx.$slots, unref(dataSlot).iconSelect, {}, () => [
+                    createVNode(Below)
+                  ])
+                ], 2)
+              ]),
+              _: 2
+            }, [
+              renderList(Object.keys(unref(slots)), (k, index) => {
+                return {
+                  name: k,
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, k)
+                  ])
+                };
+              })
+            ]), 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?.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

@@ -2,7 +2,8 @@
 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");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Inputs = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Inputs");
 exports.Inputs = Inputs;
 exports.default = Inputs;

package/dist/components/inputs/index.js

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

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

@@ -1,80 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$3 = require("../../../directives/expose/index.cjs");
-const index$2 = require("element-plus/es/components/input/index");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(vue.useAttrs());
-    const cs = index$1.useCssName("inputs");
-    const props = __props;
-    const slots = vue.useSlots();
-    const emit = __emit;
-    const refEl = vue.ref();
-    const once = setOnce();
-    const placeholder = vue.computed(() => {
-      if (typeof props.placeholder == "undefined") {
-        return "请输入";
-      } else {
-        if (props.oncePlaceholder) {
-          return once(props.placeholder);
-        } else {
-          return props.placeholder;
-        }
-      }
-    });
-    const value = vue.computed({
-      get() {
-        let v = props.modelValue;
-        return v;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    function setOnce() {
-      let v = "";
-      return (value2) => {
-        if (!v && value2) {
-          v = value2;
-        }
-        return v;
-      };
-    }
-    __expose({
-      el: refEl
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        ref_key: "refEl",
-        ref: refEl,
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), vue.mergeProps({
-          class: vue.unref(cs).z("input"),
-          modelValue: value.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, vue.unref(attrs).assem, { placeholder: placeholder.value }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
-            return {
-              name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
-              ])
-            };
-          })
-        ]), 1040, ["class", "modelValue", "placeholder"])), [
-          [vue.unref(index$3.default), {}]
-        ])
-      ], 16);
-    };
-  }
-});
-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/inputs/src/index.js

@@ -1,80 +1,4 @@
-import { defineComponent, useAttrs, useSlots, ref, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, createSlots, renderList, withCtx, renderSlot } from "vue";
-import vExpose from "../../../directives/expose/index.js";
-import { ElInput } from "element-plus/es/components/input/index";
-import { dataEmits, dataProps } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useInherit(useAttrs());
-    const cs = useCssName("inputs");
-    const props = __props;
-    const slots = useSlots();
-    const emit = __emit;
-    const refEl = ref();
-    const once = setOnce();
-    const placeholder = computed(() => {
-      if (typeof props.placeholder == "undefined") {
-        return "请输入";
-      } else {
-        if (props.oncePlaceholder) {
-          return once(props.placeholder);
-        } else {
-          return props.placeholder;
-        }
-      }
-    });
-    const value = computed({
-      get() {
-        let v = props.modelValue;
-        return v;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    function setOnce() {
-      let v = "";
-      return (value2) => {
-        if (!v && value2) {
-          v = value2;
-        }
-        return v;
-      };
-    }
-    __expose({
-      el: refEl
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "refEl",
-        ref: refEl,
-        class: unref(cs).z()
-      }, unref(attrs).root), [
-        withDirectives((openBlock(), createBlock(unref(ElInput), mergeProps({
-          class: unref(cs).z("input"),
-          modelValue: value.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, unref(attrs).assem, { placeholder: placeholder.value }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, index) => {
-            return {
-              name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
-              ])
-            };
-          })
-        ]), 1040, ["class", "modelValue", "placeholder"])), [
-          [unref(vExpose), {}]
-        ])
-      ], 16);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,80 @@
 "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("../../../directives/expose/index.cjs");
+const index$2 = require("element-plus/es/components/input/index");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit(vue.useAttrs());
+    const cs = index$1.useCssName("inputs");
+    const props = __props;
+    const slots = vue.useSlots();
+    const emit = __emit;
+    const refEl = vue.ref();
+    const once = setOnce();
+    const placeholder = vue.computed(() => {
+      if (typeof props.placeholder == "undefined") {
+        return "请输入";
+      } else {
+        if (props.oncePlaceholder) {
+          return once(props.placeholder);
+        } else {
+          return props.placeholder;
+        }
+      }
+    });
+    const value = vue.computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    function setOnce() {
+      let v = "";
+      return (value2) => {
+        if (!v && value2) {
+          v = value2;
+        }
+        return v;
+      };
+    }
+    __expose({
+      el: refEl
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), vue.mergeProps({
+          class: vue.unref(cs).z("input"),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+        }, vue.unref(attrs).assem, { placeholder: placeholder.value }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
+            return {
+              name: k,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
+              ])
+            };
+          })
+        ]), 1040, ["class", "modelValue", "placeholder"])), [
+          [vue.unref(index$3.default), {}]
+        ])
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,80 @@
-import _sfc_main from "./index.js";
+import { defineComponent, useAttrs, useSlots, ref, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, createSlots, renderList, withCtx, renderSlot } from "vue";
+import vExpose from "../../../directives/expose/index.js";
+import { ElInput } from "element-plus/es/components/input/index";
+import { dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useInherit(useAttrs());
+    const cs = useCssName("inputs");
+    const props = __props;
+    const slots = useSlots();
+    const emit = __emit;
+    const refEl = ref();
+    const once = setOnce();
+    const placeholder = computed(() => {
+      if (typeof props.placeholder == "undefined") {
+        return "请输入";
+      } else {
+        if (props.oncePlaceholder) {
+          return once(props.placeholder);
+        } else {
+          return props.placeholder;
+        }
+      }
+    });
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    function setOnce() {
+      let v = "";
+      return (value2) => {
+        if (!v && value2) {
+          v = value2;
+        }
+        return v;
+      };
+    }
+    __expose({
+      el: refEl
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        withDirectives((openBlock(), createBlock(unref(ElInput), mergeProps({
+          class: unref(cs).z("input"),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+        }, unref(attrs).assem, { placeholder: placeholder.value }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, index) => {
+            return {
+              name: k,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, k)
+              ])
+            };
+          })
+        ]), 1040, ["class", "modelValue", "placeholder"])), [
+          [unref(vExpose), {}]
+        ])
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import { emits, props, comHandle } from "../../common/list.js";
+import { props, comHandle, emits } from "../../common/list.js";
 const dataProps = {
   ...props,
   nowhole: {

package/dist/components/labels/src/index2.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, createElementBlock, openBlock, normalizeClas
 import { Checks } from "../../checks/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { dataEmits, dataProps, dataHandle } from "./data.js";
+import { dataHandle, dataEmits, dataProps } from "./data.js";
 const wholeValue = "Symbol('whole')";
 const wholeClass = "labels-li-whole";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/lists/common/img.cjs

@@ -1,37 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("element-plus/es/components/image/index");
-const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "img",
-  props: {
-    modelValue: String,
-    prefix: String
-  },
-  setup(__props, { expose: __expose }) {
-    const cs = index.useCssName("lists-com");
-    const props = __props;
-    const value = vue.computed(() => {
-      if (props.modelValue) {
-        return props.prefix + "/" + props.modelValue;
-      } else {
-        return "";
-      }
-    });
-    __expose({});
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(index$1.ElImage), {
-          fit: "contain",
-          class: vue.normalizeClass(vue.unref(cs).z("img")),
-          src: value.value,
-          "preview-src-list": [value.value]
-        }, null, 8, ["class", "src", "preview-src-list"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+const img_vue_vue_type_script_setup_true_lang = require("./img2.cjs");
+exports.default = img_vue_vue_type_script_setup_true_lang.default;

package/dist/components/lists/common/img.js

@@ -1,37 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode } from "vue";
-import { ElImage } from "element-plus/es/components/image/index";
-import { useCssName } from "../../../hooks/cssname/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "img",
-  props: {
-    modelValue: String,
-    prefix: String
-  },
-  setup(__props, { expose: __expose }) {
-    const cs = useCssName("lists-com");
-    const props = __props;
-    const value = computed(() => {
-      if (props.modelValue) {
-        return props.prefix + "/" + props.modelValue;
-      } else {
-        return "";
-      }
-    });
-    __expose({});
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(ElImage), {
-          fit: "contain",
-          class: normalizeClass(unref(cs).z("img")),
-          src: value.value,
-          "preview-src-list": [value.value]
-        }, null, 8, ["class", "src", "preview-src-list"])
-      ], 2);
-    };
-  }
-});
+import _sfc_main from "./img2.js";
 export {
   _sfc_main as default
 };