@fangzhongya/fang-ui 0.0.38 → 0.0.39

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

@@ -1,4 +1,225 @@
 "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 data = require("./data.cjs");
+require("../../../hooks/index.cjs");
+const index$2 = require("../../input/index.cjs");
+const index$3 = require("../../dialogs/index.cjs");
+const index$4 = require("../../button/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("select-dialog");
+    const props = __props;
+    const emit = __emit;
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const inputName = vue.computed(() => {
+      if (props.value) {
+        return props.value.map((v) => {
+          return props.setInputName ? props.setInputName(v) : props.getName(v);
+        }).join(props.separator);
+      } else {
+        return "";
+      }
+    });
+    const dialogVisible = vue.ref(false);
+    function onClear() {
+      value.value = [];
+      vue.nextTick(() => {
+        emit("update:modelValue", value.value);
+        emit("change", value.value);
+      });
+    }
+    function onDelete(key) {
+      if (value.value) {
+        value.value = value.value.filter((o) => {
+          return o != key;
+        });
+      }
+      vue.nextTick(() => {
+        emit("update:modelValue", value.value);
+        emit("change", value.value);
+      });
+    }
+    function onDialogffirm() {
+      if (value.value) {
+        emit("confirm", [...value.value]);
+      } else {
+        emit("confirm", []);
+      }
+      dialogVisible.value = false;
+      emit("dialog", dialogVisible.value);
+    }
+    function onClick() {
+      if (!props.disabled) {
+        if (props.value) {
+          value.value = [...props.value];
+        } else {
+          value.value = [];
+        }
+        dialogVisible.value = true;
+        emit("update:modelValue", value.value);
+        emit("dialog", dialogVisible.value);
+      }
+    }
+    __expose({
+      ...data.dataExpose,
+      inputName
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        vue.withDirectives(vue.createVNode(vue.unref(index$2.Input), {
+          disabled: "",
+          readonly: ""
+        }, null, 512), [
+          [vue.vShow, false]
+        ]),
+        vue.createVNode(vue.unref(index$2.Input), {
+          modelValue: inputName.value,
+          onClick,
+          placeholder: props.placeholder || vue.unref(getLocale)("form.select"),
+          disabled: props.disabled,
+          readonly: ""
+        }, {
+          suffix: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "suffix")
+          ]),
+          _: 3
+        }, 8, ["modelValue", "placeholder", "disabled"]),
+        vue.createVNode(vue.unref(index$3.Dialogs), {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
+          class: vue.normalizeClass(vue.unref(cs).z("dialog")),
+          "custom-class": vue.unref(cs).z("dialog"),
+          title: props.title,
+          "append-to-body": props.appendToBody,
+          width: "calc(40px + " + props.width + ")",
+          "before-close": () => {
+            dialogVisible.value = false;
+          }
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([vue.unref(cs).z("dialog-footer")])
+            }, [
+              vue.createVNode(vue.unref(index$4.Button), {
+                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(vue.unref(index$4.Button), {
+                type: "primary",
+                onClick: onDialogffirm
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.confirm")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("dialog-list"))
+            }, [
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([vue.unref(cs).z("dialog-li")])
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-top"),
+                    vue.unref(cs).z("dialog-li-top-select")
+                  ])
+                }, [
+                  _cache[3] || (_cache[3] = vue.createElementVNode("label", null, "已选择", -1)),
+                  vue.createElementVNode("span", {
+                    onClick: onClear,
+                    class: vue.normalizeClass([
+                      vue.unref(cs).z("dialog-li-top"),
+                      vue.unref(cs).z("dialog-li-top-clear")
+                    ])
+                  }, _cache[2] || (_cache[2] = [
+                    vue.createElementVNode("svg", {
+                      viewBox: "0 0 1024 1024",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      "data-v-ea893728": ""
+                    }, [
+                      vue.createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M896 448H128v192a64 64 0 0 0 64 64h192v192h256V704h192a64 64 0 0 0 64-64V448zm-770.752-64c0-47.552 5.248-90.24 15.552-128 14.72-54.016 42.496-107.392 83.2-160h417.28l-15.36 70.336L736 96h211.2c-24.832 42.88-41.92 96.256-51.2 160a663.872 663.872 0 0 0-6.144 128H960v256a128 128 0 0 1-128 128H704v160a32 32 0 0 1-32 32H352a32 32 0 0 1-32-32V768H192A128 128 0 0 1 64 640V384h61.248zm64 0h636.544c-2.048-45.824.256-91.584 6.848-137.216 4.48-30.848 10.688-59.776 18.688-86.784h-96.64l-221.12 141.248L561.92 160H256.512c-25.856 37.888-43.776 75.456-53.952 112.832-8.768 32.064-13.248 69.12-13.312 111.168z"
+                      })
+                    ], -1)
+                  ]), 2)
+                ], 2),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
+                }, null, 2),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-div"),
+                    vue.unref(cs).z("dialog-li-select")
+                  ])
+                }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index2,
+                      class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li")])
+                    }, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-top-select")])
+                      }, [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p1")])
+                        }, vue.toDisplayString(props.getName(item)), 3),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-del")]),
+                          onClick: ($event) => onDelete(item)
+                        }, _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: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+                            })
+                          ], -1)
+                        ]), 10, _hoisted_1)
+                      ], 2),
+                      props.getNameExplain ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 0,
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p2")])
+                      }, vue.toDisplayString(props.getNameExplain(item)), 3)) : vue.createCommentVNode("", true)
+                    ], 2);
+                  }), 128))
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["modelValue", "class", "custom-class", "title", "append-to-body", "width", "before-close"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,225 @@
-import _sfc_main from "./index.js";
+import { defineComponent, computed, ref, nextTick, createElementBlock, openBlock, normalizeClass, unref, withDirectives, createVNode, vShow, withCtx, renderSlot, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { Input } from "../../input/index.js";
+import { Dialogs } from "../../dialogs/index.js";
+import { Button } from "../../button/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("select-dialog");
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const inputName = computed(() => {
+      if (props.value) {
+        return props.value.map((v) => {
+          return props.setInputName ? props.setInputName(v) : props.getName(v);
+        }).join(props.separator);
+      } else {
+        return "";
+      }
+    });
+    const dialogVisible = ref(false);
+    function onClear() {
+      value.value = [];
+      nextTick(() => {
+        emit("update:modelValue", value.value);
+        emit("change", value.value);
+      });
+    }
+    function onDelete(key) {
+      if (value.value) {
+        value.value = value.value.filter((o) => {
+          return o != key;
+        });
+      }
+      nextTick(() => {
+        emit("update:modelValue", value.value);
+        emit("change", value.value);
+      });
+    }
+    function onDialogffirm() {
+      if (value.value) {
+        emit("confirm", [...value.value]);
+      } else {
+        emit("confirm", []);
+      }
+      dialogVisible.value = false;
+      emit("dialog", dialogVisible.value);
+    }
+    function onClick() {
+      if (!props.disabled) {
+        if (props.value) {
+          value.value = [...props.value];
+        } else {
+          value.value = [];
+        }
+        dialogVisible.value = true;
+        emit("update:modelValue", value.value);
+        emit("dialog", dialogVisible.value);
+      }
+    }
+    __expose({
+      ...dataExpose,
+      inputName
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        withDirectives(createVNode(unref(Input), {
+          disabled: "",
+          readonly: ""
+        }, null, 512), [
+          [vShow, false]
+        ]),
+        createVNode(unref(Input), {
+          modelValue: inputName.value,
+          onClick,
+          placeholder: props.placeholder || unref(getLocale)("form.select"),
+          disabled: props.disabled,
+          readonly: ""
+        }, {
+          suffix: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix")
+          ]),
+          _: 3
+        }, 8, ["modelValue", "placeholder", "disabled"]),
+        createVNode(unref(Dialogs), {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
+          class: normalizeClass(unref(cs).z("dialog")),
+          "custom-class": unref(cs).z("dialog"),
+          title: props.title,
+          "append-to-body": props.appendToBody,
+          width: "calc(40px + " + props.width + ")",
+          "before-close": () => {
+            dialogVisible.value = false;
+          }
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("span", {
+              class: normalizeClass([unref(cs).z("dialog-footer")])
+            }, [
+              createVNode(unref(Button), {
+                onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(getLocale)("form.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(Button), {
+                type: "primary",
+                onClick: onDialogffirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(getLocale)("form.confirm")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("dialog-list"))
+            }, [
+              renderSlot(_ctx.$slots, unref(dataSlot).default),
+              createElementVNode("div", {
+                class: normalizeClass([unref(cs).z("dialog-li")])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    unref(cs).z("dialog-li-top"),
+                    unref(cs).z("dialog-li-top-select")
+                  ])
+                }, [
+                  _cache[3] || (_cache[3] = createElementVNode("label", null, "已选择", -1)),
+                  createElementVNode("span", {
+                    onClick: onClear,
+                    class: normalizeClass([
+                      unref(cs).z("dialog-li-top"),
+                      unref(cs).z("dialog-li-top-clear")
+                    ])
+                  }, _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: "M896 448H128v192a64 64 0 0 0 64 64h192v192h256V704h192a64 64 0 0 0 64-64V448zm-770.752-64c0-47.552 5.248-90.24 15.552-128 14.72-54.016 42.496-107.392 83.2-160h417.28l-15.36 70.336L736 96h211.2c-24.832 42.88-41.92 96.256-51.2 160a663.872 663.872 0 0 0-6.144 128H960v256a128 128 0 0 1-128 128H704v160a32 32 0 0 1-32 32H352a32 32 0 0 1-32-32V768H192A128 128 0 0 1 64 640V384h61.248zm64 0h636.544c-2.048-45.824.256-91.584 6.848-137.216 4.48-30.848 10.688-59.776 18.688-86.784h-96.64l-221.12 141.248L561.92 160H256.512c-25.856 37.888-43.776 75.456-53.952 112.832-8.768 32.064-13.248 69.12-13.312 111.168z"
+                      })
+                    ], -1)
+                  ]), 2)
+                ], 2),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cs).z("dialog-gap"))
+                }, null, 2),
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    unref(cs).z("dialog-li-div"),
+                    unref(cs).z("dialog-li-select")
+                  ])
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: normalizeClass([unref(cs).z("dialog-li-select-li")])
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass([unref(cs).z("dialog-li-top-select")])
+                      }, [
+                        createElementVNode("span", {
+                          class: normalizeClass([unref(cs).z("dialog-li-select-li-p1")])
+                        }, toDisplayString(props.getName(item)), 3),
+                        createElementVNode("span", {
+                          class: normalizeClass([unref(cs).z("dialog-li-select-li-del")]),
+                          onClick: ($event) => onDelete(item)
+                        }, _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: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+                            })
+                          ], -1)
+                        ]), 10, _hoisted_1)
+                      ], 2),
+                      props.getNameExplain ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass([unref(cs).z("dialog-li-select-li-p2")])
+                      }, toDisplayString(props.getNameExplain(item)), 3)) : createCommentVNode("", true)
+                    ], 2);
+                  }), 128))
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["modelValue", "class", "custom-class", "title", "append-to-body", "width", "before-close"])
+      ], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/select-popover/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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 SelectPopover = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "SelectPopover");
 exports.SelectPopover = SelectPopover;
 exports.default = SelectPopover;

package/dist/components/select-popover/index.js

@@ -1,5 +1,6 @@
 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 SelectPopover = withInstall(_sfc_main, "SelectPopover");
 export {
   SelectPopover,

package/dist/components/select-popover/src/data.cjs

@@ -1,22 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({
   readonly: {
     type: Boolean

package/dist/components/select-popover/src/data.js

@@ -1,20 +1,5 @@
+import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({
   readonly: {
     type: Boolean