@fangzhongya/fang-ui 0.1.26 → 0.1.28

package/dist/components/array/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .array {
   width: 100%;
   display: inline-flex;

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

@@ -3,10 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$3 = require("../../icon/index.cjs");
+const index$4 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
-require("../../forms/src/data.cjs");
-const compons = require("../../common/compons.cjs");
+const index$3 = require("../../../hooks/compons/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const index = require("../../../hooks/locale/index.cjs");
@@ -30,11 +29,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     index$2.viewProps(props, data.name);
-    const compons$1 = compons.useGetCompons(props.compons + "-compons");
+    const compons = index$3.useComponsGet(props.compons);
     const pcompon = vue.computed(() => {
       if (typeof props.compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(props.compon);
-        return compons$1[tcom] || props.compon;
+        return compons[tcom] || props.compon;
       } else {
         return props.compon;
       }
@@ -259,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
           onClick: vue.withModifiers(onClear, ["stop"])
         }, [
-          vue.createVNode(vue.unref(index$3.Icon), null, {
+          vue.createVNode(vue.unref(index$4.Icon), null, {
             default: vue.withCtx(() => [
               vue.createVNode(clear.default)
             ]),

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

@@ -3,8 +3,7 @@ import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
-import "../../forms/src/data.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 import { useLocale } from "../../../hooks/locale/index.js";
@@ -28,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     viewProps(props, name);
-    const compons = useGetCompons(props.compons + "-compons");
+    const compons = useComponsGet(props.compons);
     const pcompon = computed(() => {
       if (typeof props.compon == "string") {
         const tcom = lineToLargeHump(props.compon);

package/dist/components/audios/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .audios.is-playing .audios-name {
   background-color: antiquewhite;
 }

package/dist/components/box/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-adjust/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-fun/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index = require("./src/index.cjs");
+const _function = require("./src/function.cjs");
+const BoxFun = _function.withInstall(index.default, "BoxFun");
+exports.BoxFun = BoxFun;
+exports.default = BoxFun;

package/dist/components/box-fun/index.d.ts

@@ -0,0 +1,7 @@
+import { DataProps } from '../box/src/data';
+declare const BoxFun: (content?: string | Function, props?: DataProps & {
+    isCancel?: boolean;
+    cancelName?: string;
+    confirmName?: string;
+}, verify?: () => boolean) => Promise<unknown>;
+export { BoxFun, BoxFun as default };

package/dist/components/box-fun/index.js

@@ -0,0 +1,7 @@
+import SrcVue from "./src/index.js";
+import { withInstall } from "./src/function.js";
+const BoxFun = withInstall(SrcVue, "BoxFun");
+export {
+  BoxFun,
+  BoxFun as default
+};

package/dist/components/box-fun/src/data.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "box-fun";
+const dataProps = buildProps.buildProps({
+  /**
+   * @props {String, Function} content='' 内容
+   */
+  content: {
+    type: [String, Function]
+  },
+  /**
+   * @props { Object } props={} 配置
+   */
+  props: {
+    type: Object
+  },
+  /**
+   * @props { Function } verify=()=>true 校验
+   */
+  verify: {
+    type: Function
+  }
+});
+const dataEmits = {};
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = { name };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/box-fun/src/data.d.ts

@@ -0,0 +1,35 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} BoxFun
+ * @text box-fun
+ */
+export declare const name = "box-fun";
+export declare const dataProps: {
+    /**
+     * @props {String, Function} content='' 内容
+     */
+    content: {
+        type: (StringConstructor | FunctionConstructor)[];
+    };
+    /**
+     * @props { Object } props={} 配置
+     */
+    props: {
+        type: ObjectConstructor;
+    };
+    /**
+     * @props { Function } verify=()=>true 校验
+     */
+    verify: {
+        type: FunctionConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: {};
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {
+    default: string;
+};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/box-fun/src/data.js

@@ -0,0 +1,34 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "box-fun";
+const dataProps = buildProps({
+  /**
+   * @props {String, Function} content='' 内容
+   */
+  content: {
+    type: [String, Function]
+  },
+  /**
+   * @props { Object } props={} 配置
+   */
+  props: {
+    type: Object
+  },
+  /**
+   * @props { Function } verify=()=>true 校验
+   */
+  verify: {
+    type: Function
+  }
+});
+const dataEmits = {};
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = { name };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/box-fun/src/function.cjs

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const index$2 = require("../../box/index.cjs");
+const getBoxDom = require("../../../utils/vues/getBoxDom.cjs");
+const index$1 = require("../../button/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const BoxFun = (content = "", props = {}, verify = () => true) => {
+  return new Promise((resolve, reject) => {
+    const mountNode = document.createElement("div");
+    const dom = getBoxDom.getBoxDom();
+    (dom ?? document.body).appendChild(mountNode);
+    const visible = vue.ref(true);
+    const app = vue.createApp({
+      render() {
+        const { getLocale } = index.useLocale();
+        let defaultFun;
+        if (typeof content === "string") {
+          defaultFun = () => vue.h("div", content);
+        } else if (content) {
+          defaultFun = content;
+        }
+        const cancel = vue.h(
+          index$1.Button,
+          {
+            onClick() {
+              visible.value = false;
+              vue.nextTick(() => {
+                app.unmount();
+                mountNode.remove();
+              });
+              reject(false);
+            }
+          },
+          {
+            default() {
+              return props.cancelName ?? getLocale("form.cancel");
+            }
+          }
+        );
+        return vue.h(
+          index$2.Box,
+          {
+            modelValue: visible.value,
+            "onUpdate:modelValue": (value) => {
+              visible.value = value;
+            },
+            ...props
+          },
+          {
+            footer: () => {
+              return vue.h(
+                "div",
+                {
+                  class: "com-footer",
+                  style: {
+                    "text-align": "right"
+                  }
+                },
+                [
+                  props.isCancel === false ? void 0 : cancel,
+                  vue.h(
+                    index$1.Button,
+                    {
+                      type: "primary",
+                      onClick: async () => {
+                        if (await verify()) {
+                          visible.value = false;
+                          vue.nextTick(() => {
+                            app.unmount();
+                            mountNode.remove();
+                          });
+                          resolve(true);
+                        }
+                      }
+                    },
+                    {
+                      default() {
+                        return props.confirmName ?? getLocale("form.confirm");
+                      }
+                    }
+                  )
+                ]
+              );
+            },
+            default: defaultFun
+          }
+        );
+      }
+    });
+    app.mount(mountNode);
+  });
+};
+function withInstall(fun, name) {
+  return BoxFun;
+}
+exports.withInstall = withInstall;

package/dist/components/box-fun/src/function.d.ts

@@ -0,0 +1,8 @@
+import { DataProps } from '../box/src/data';
+type Props = {
+    isCancel?: boolean;
+    cancelName?: string;
+    confirmName?: string;
+};
+export declare function withInstall<T>(fun: T, name: string): (content?: string | Function, props?: DataProps & Props, verify?: () => boolean) => Promise<unknown>;
+export {};

package/dist/components/box-fun/src/function.js

@@ -0,0 +1,97 @@
+import { ref, createApp, h, nextTick } from "vue";
+import { Box } from "../../box/index.js";
+import { getBoxDom } from "../../../utils/vues/getBoxDom.js";
+import { Button } from "../../button/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+const BoxFun = (content = "", props = {}, verify = () => true) => {
+  return new Promise((resolve, reject) => {
+    const mountNode = document.createElement("div");
+    const dom = getBoxDom();
+    (dom ?? document.body).appendChild(mountNode);
+    const visible = ref(true);
+    const app = createApp({
+      render() {
+        const { getLocale } = useLocale();
+        let defaultFun;
+        if (typeof content === "string") {
+          defaultFun = () => h("div", content);
+        } else if (content) {
+          defaultFun = content;
+        }
+        const cancel = h(
+          Button,
+          {
+            onClick() {
+              visible.value = false;
+              nextTick(() => {
+                app.unmount();
+                mountNode.remove();
+              });
+              reject(false);
+            }
+          },
+          {
+            default() {
+              return props.cancelName ?? getLocale("form.cancel");
+            }
+          }
+        );
+        return h(
+          Box,
+          {
+            modelValue: visible.value,
+            "onUpdate:modelValue": (value) => {
+              visible.value = value;
+            },
+            ...props
+          },
+          {
+            footer: () => {
+              return h(
+                "div",
+                {
+                  class: "com-footer",
+                  style: {
+                    "text-align": "right"
+                  }
+                },
+                [
+                  props.isCancel === false ? void 0 : cancel,
+                  h(
+                    Button,
+                    {
+                      type: "primary",
+                      onClick: async () => {
+                        if (await verify()) {
+                          visible.value = false;
+                          nextTick(() => {
+                            app.unmount();
+                            mountNode.remove();
+                          });
+                          resolve(true);
+                        }
+                      }
+                    },
+                    {
+                      default() {
+                        return props.confirmName ?? getLocale("form.confirm");
+                      }
+                    }
+                  )
+                ]
+              );
+            },
+            default: defaultFun
+          }
+        );
+      }
+    });
+    app.mount(mountNode);
+  });
+};
+function withInstall(fun, name) {
+  return BoxFun;
+}
+export {
+  withInstall
+};

package/dist/components/box-fun/src/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("./data.cjs");
+const SrcVue = {};
+exports.default = SrcVue;

package/dist/components/box-fun/src/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/components/box-fun/src/index.js

@@ -0,0 +1,5 @@
+import "./data.js";
+const SrcVue = {};
+export {
+  SrcVue as default
+};

package/dist/components/box-local/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-mask/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-teleport/src/index2.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const enums = require("../../../utils/enums.cjs");
+const getBoxDom = require("../../../utils/vues/getBoxDom.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -17,16 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
     index$2.viewProps(props, data.name);
     const emit = __emit;
-    const id = enums.FunctConfig.BOXIDNAME.trim();
-    if (document && !(document == null ? void 0 : document.querySelector(id))) {
-      const d = document.createElement("div");
-      if (id.startsWith("#")) {
-        d.id = id.replace(/^#/, "");
-      } else if (id.startsWith(".")) {
-        d.className = id.replace(/./g, " ");
-      }
-      document.body.appendChild(d);
-    }
+    getBoxDom.getBoxDom();
     __expose({
       ...data.dataExpose
     });

package/dist/components/box-teleport/src/index2.js

@@ -2,7 +2,7 @@ import { defineComponent, createBlock, openBlock, Teleport, unref, normalizeClas
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { FunctConfig } from "../../../utils/enums.js";
+import { getBoxDom } from "../../../utils/vues/getBoxDom.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -15,16 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
     const emit = __emit;
-    const id = FunctConfig.BOXIDNAME.trim();
-    if (document && !(document == null ? void 0 : document.querySelector(id))) {
-      const d = document.createElement("div");
-      if (id.startsWith("#")) {
-        d.id = id.replace(/^#/, "");
-      } else if (id.startsWith(".")) {
-        d.className = id.replace(/./g, " ");
-      }
-      document.body.appendChild(d);
-    }
+    getBoxDom();
     __expose({
       ...dataExpose
     });

package/dist/components/box-title/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .icon {
   --color: inherit;
   height: 1em;

package/dist/components/buttons/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .buttons-li {
   height: inherit;
 }

package/dist/components/cascaders/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .cascaders-cascader {
   height: 100%;
   width: 100%;

package/dist/components/checks/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .checks-check {
   height: 100%;
   display: flex;