@fangzhongya/fang-ui 0.1.26 → 0.1.27

package/dist/components/array/index.css

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

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

@@ -5,7 +5,6 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$3 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
-require("../../forms/src/data.cjs");
 const compons = require("../../common/compons.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");

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

@@ -3,7 +3,6 @@ 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 { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";

package/dist/components/audios/index.css

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

package/dist/components/box/index.css

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

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

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .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,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

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

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .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,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .icon {
   --color: inherit;
   height: 1em;

package/dist/components/buttons/index.css

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

package/dist/components/cascaders/index.css

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

package/dist/components/checks/index.css

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

package/dist/components/dates/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .dates .dates-date {
   height: 100%;
   width: 100%;

package/dist/components/dates-divide/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

package/dist/components/dates-picker/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .dates2 .dates2-date {
   height: 100%;
   width: 100%;

package/dist/components/dates2/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

package/dist/components/dialogs/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .dialogs.el-dialog {
   padding: 0;
 }

package/dist/components/draggable/index.cjs

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

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Draggable: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Draggable, Draggable as default };

package/dist/components/draggable/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index2.js";
+const Draggable = withInstall(_sfc_main, "Draggable");
+export {
+  Draggable,
+  Draggable as default
+};

package/dist/components/draggable/index.scss

@@ -0,0 +1,5 @@
+@use '../scss/common.scss' as *;
+
+$draggable: 'draggable';
+@include b($draggable) {
+}