@fangzhongya/fang-ui 0.1.34 → 0.1.36

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

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Alert: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Alert, Alert as default };
+export { Alert };
+export default Alert;

package/dist/components/alert/index.scss

@@ -2,4 +2,5 @@
 
 $alert: 'alert';
 @include b($alert) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/audios/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

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

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

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

@@ -25,7 +25,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const audioRef = vue.ref(null);
     const current = vue.ref(0);

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

@@ -12,7 +12,7 @@ import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { getListValue } from "../../players/common/util.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -23,7 +23,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const audioRef = ref(null);
     const current = ref(0);

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

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Autocomplete: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Autocomplete, Autocomplete as default };
+export { Autocomplete };
+export default Autocomplete;

package/dist/components/autocomplete/index.scss

@@ -2,4 +2,5 @@
 
 $autocomplete: 'autocomplete';
 @include b($autocomplete) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/box/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -98,7 +98,7 @@
 .box-body {
   position: relative;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   min-width: 30%;
   min-height: 20%;
   max-height: 90%;

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

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

package/dist/components/box/index.scss

@@ -17,7 +17,7 @@ $box: 'box';
 	&-body {
 		position: relative;
 		z-index: 100;
-		background: #fff;
+		background: #ffffff;
 		min-width: 30%;
 		min-height: 20%;
 		max-height: 90%;

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

@@ -19,7 +19,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     vue.watch(
       () => props.modelValue,

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

@@ -5,7 +5,7 @@ import { useLocale } from "../../../hooks/locale/index.js";
 import { BoxTitle } from "../../box-title/index.js";
 import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _hoisted_1 = ["name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -17,7 +17,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     watch(
       () => props.modelValue,

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

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -96,7 +96,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;

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

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

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

@@ -15,7 +15,7 @@ $box-adjust: 'box-adjust';
 		top: 30%;
 		left: 30%;
 		z-index: 100;
-		background: #fff;
+		background: #ffffff;
 		width: 40%;
 		height: 40%;
 		display: flex;

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

@@ -29,7 +29,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return "." + cs.cn(data$1.name, "name");
       }
     });
-    index$2.viewProps(props, data.name);
     const maxvalue = vue.shallowRef(props.max);
     const emit = __emit;
     function onMax() {

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

@@ -11,7 +11,7 @@ import { BoxTeleport } from "../../box-teleport/index.js";
 import vAdjust from "../../../directives/adjust/index.js";
 import vDrag from "../../../directives/drag/index.js";
 import { name as name$1 } from "../../box-title/src/data.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -27,7 +27,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return "." + cs.cn(name$1, "name");
       }
     });
-    viewProps(props, name);
     const maxvalue = shallowRef(props.max);
     const emit = __emit;
     function onMax() {

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

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

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

@@ -5,39 +5,57 @@ 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) => {
+const BoxFunImpl = function(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 { getLocale } = index.useLocale();
+    const handleClose = (success) => {
+      visible.value = false;
+      vue.nextTick(() => {
+        app.unmount();
+        mountNode.remove();
+      });
+      return success ? resolve(true) : reject(new Error(getLocale("form.cancel")));
+    };
+    const handleConfirm = async () => {
+      const isValid = await Promise.resolve(verify());
+      if (isValid) handleClose(true);
+    };
+    const handleCancel = () => handleClose(false);
+    const renderFooter = () => {
+      const buttons = [];
+      if ((props == null ? void 0 : props.isCancel) !== false) {
+        buttons.push(
+          vue.h(
+            index$1.Button,
+            { onClick: handleCancel },
+            () => (props == null ? void 0 : props.cancelName) ?? getLocale("form.cancel")
+          )
+        );
+      }
+      buttons.push(
+        vue.h(
+          index$1.Button,
+          { type: "primary", onClick: handleConfirm },
+          () => (props == null ? void 0 : props.confirmName) ?? getLocale("form.confirm")
+        )
+      );
+      return vue.h(
+        "div",
+        { class: "com-footer", style: { "text-align": "right" } },
+        buttons
+      );
+    };
+    const renderContent = () => {
+      if (typeof content === "string") return vue.h("div", content);
+      if (typeof content === "function") return content();
+      return void 0;
+    };
     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,
           {
@@ -48,42 +66,8 @@ const BoxFun = (content = "", props = {}, verify = () => true) => {
             ...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
+            footer: renderFooter,
+            default: renderContent
           }
         );
       }
@@ -91,6 +75,13 @@ const BoxFun = (content = "", props = {}, verify = () => true) => {
     app.mount(mountNode);
   });
 };
+const BoxFun = Object.assign(BoxFunImpl, {
+  install: (app) => {
+    BoxFun._context = app._context;
+    app.config.globalProperties.$BoxFun = BoxFun;
+  },
+  _context: null
+});
 function withInstall(fun, name) {
   return BoxFun;
 }

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

@@ -1,8 +1,12 @@
+import { App, AppContext } from 'vue';
 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 declare function withInstall<T>(fun: T, name: string): ((content?: string | Function, props?: DataProps & Props, verify?: () => boolean) => Promise<unknown>) & {
+    install: (app: App) => void;
+    _context: AppContext | null;
+};
 export {};

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

@@ -1,41 +1,59 @@
-import { ref, createApp, h, nextTick } from "vue";
+import { ref, nextTick, createApp, h } 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) => {
+const BoxFunImpl = function(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 { getLocale } = useLocale();
+    const handleClose = (success) => {
+      visible.value = false;
+      nextTick(() => {
+        app.unmount();
+        mountNode.remove();
+      });
+      return success ? resolve(true) : reject(new Error(getLocale("form.cancel")));
+    };
+    const handleConfirm = async () => {
+      const isValid = await Promise.resolve(verify());
+      if (isValid) handleClose(true);
+    };
+    const handleCancel = () => handleClose(false);
+    const renderFooter = () => {
+      const buttons = [];
+      if ((props == null ? void 0 : props.isCancel) !== false) {
+        buttons.push(
+          h(
+            Button,
+            { onClick: handleCancel },
+            () => (props == null ? void 0 : props.cancelName) ?? getLocale("form.cancel")
+          )
+        );
+      }
+      buttons.push(
+        h(
+          Button,
+          { type: "primary", onClick: handleConfirm },
+          () => (props == null ? void 0 : props.confirmName) ?? getLocale("form.confirm")
+        )
+      );
+      return h(
+        "div",
+        { class: "com-footer", style: { "text-align": "right" } },
+        buttons
+      );
+    };
+    const renderContent = () => {
+      if (typeof content === "string") return h("div", content);
+      if (typeof content === "function") return content();
+      return void 0;
+    };
     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,
           {
@@ -46,42 +64,8 @@ const BoxFun = (content = "", props = {}, verify = () => true) => {
             ...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
+            footer: renderFooter,
+            default: renderContent
           }
         );
       }
@@ -89,6 +73,13 @@ const BoxFun = (content = "", props = {}, verify = () => true) => {
     app.mount(mountNode);
   });
 };
+const BoxFun = Object.assign(BoxFunImpl, {
+  install: (app) => {
+    BoxFun._context = app._context;
+    app.config.globalProperties.$BoxFun = BoxFun;
+  },
+  _context: null
+});
 function withInstall(fun, name) {
   return BoxFun;
 }

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

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -98,7 +98,7 @@
 .box-body {
   position: relative;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   min-width: 30%;
   min-height: 20%;
   max-height: 90%;

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

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

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

@@ -15,16 +15,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
-    const filters = ["local"];
+    const filters = /* @__PURE__ */ new Set(["local"]);
     const bind = vue.computed(() => {
       const obj = {};
-      Object.keys(vue.toRaw(props)).forEach((key) => {
+      for (const key of Object.keys(vue.toRaw(props))) {
         const k = key;
-        if (filters.includes(k)) {
+        if (filters.has(k)) {
           obj[key] = props[k];
         }
-      });
+      }
       return obj;
     });
     const slots = vue.useSlots();
@@ -33,16 +32,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const event = vue.computed(() => {
       const obj = {};
       let arr;
-      if (data.dataEmits instanceof Array) {
+      if (Array.isArray(data.dataEmits)) {
         arr = data.dataEmits;
       } else {
         arr = Object.keys(data.dataEmits);
       }
-      arr.forEach((key) => {
+      for (const key of arr) {
         obj[key] = (...arr2) => {
           emit(key, ...arr2);
         };
-      });
+      }
       return obj;
     });
     const value = vue.computed({

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

@@ -3,7 +3,7 @@ import { name, dataProps, dataEmits, dataExpose, dataSlot } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { Box } from "../../box/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -13,16 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
-    const filters = ["local"];
+    const filters = /* @__PURE__ */ new Set(["local"]);
     const bind = computed(() => {
       const obj = {};
-      Object.keys(toRaw(props)).forEach((key) => {
+      for (const key of Object.keys(toRaw(props))) {
         const k = key;
-        if (filters.includes(k)) {
+        if (filters.has(k)) {
           obj[key] = props[k];
         }
-      });
+      }
       return obj;
     });
     const slots = useSlots();
@@ -31,16 +30,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const event = computed(() => {
       const obj = {};
       let arr;
-      if (dataEmits instanceof Array) {
+      if (Array.isArray(dataEmits)) {
         arr = dataEmits;
       } else {
         arr = Object.keys(dataEmits);
       }
-      arr.forEach((key) => {
+      for (const key of arr) {
         obj[key] = (...arr2) => {
           emit(key, ...arr2);
         };
-      });
+      }
       return obj;
     });
     const value = computed({