@fangzhongya/fang-ui 0.1.35 → 0.1.37

package/dist/components/forms-items/src/index2.cjs

@@ -20,20 +20,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.useCssName(data.name);
     const p = __props;
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
-    index$1.viewProps(prs, data.name);
     const props = prs.listobj;
     const emit = __emit;
     const binds = vue.computed(() => {
       const binds2 = {};
-      const no = ["modelValue", "children", "listobj"];
-      Object.keys(prs).forEach((key) => {
-        if (!no.includes(key)) {
+      const no = /* @__PURE__ */ new Set(["modelValue", "children", "listobj"]);
+      for (const key of Object.keys(prs)) {
+        if (!no.has(key)) {
           const v = props[key];
           if (v !== "" && v !== void 0) {
             binds2[key] = v;
           }
         }
-      });
+      }
       return binds2;
     });
     const defaultValue = {};

package/dist/components/forms-items/src/index2.js

@@ -5,7 +5,7 @@ import { FormsDiv } from "../../forms-div/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import "../../../utils/css.js";
 import { useHide } from "../../common/use.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { provides } from "../../forms/common/config.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -18,20 +18,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const p = __props;
     const prs = usePropsDefault(name, p, dataProps);
-    viewProps(prs, name);
     const props = prs.listobj;
     const emit = __emit;
     const binds = computed(() => {
       const binds2 = {};
-      const no = ["modelValue", "children", "listobj"];
-      Object.keys(prs).forEach((key) => {
-        if (!no.includes(key)) {
+      const no = /* @__PURE__ */ new Set(["modelValue", "children", "listobj"]);
+      for (const key of Object.keys(prs)) {
+        if (!no.has(key)) {
           const v = props[key];
           if (v !== "" && v !== void 0) {
             binds2[key] = v;
           }
         }
-      });
+      }
       return binds2;
     });
     const defaultValue = {};

package/dist/components/full-screen/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;
@@ -25,7 +25,7 @@
 .full-screen {
   width: 100%;
   height: 100%;
-  background-color: #fff;
+  background-color: #ffffff;
   position: relative;
 }
 .full-screen-buts {

package/dist/components/full-screen/index.d.ts

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

package/dist/components/full-screen/index.scss

@@ -4,7 +4,7 @@ $full-screen: 'full-screen';
 @include b($full-screen) {
 	width: 100%;
 	height: 100%;
-	background-color: #fff;
+	background-color: #ffffff;
 	position: relative;
 	&-buts {
 		position: absolute;

package/dist/components/full-screen/src/index2.cjs

@@ -16,7 +16,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 domRef = vue.ref();
     const { isFullscreen, toggle } = index$3.useFullscreen();

package/dist/components/full-screen/src/index2.js

@@ -4,7 +4,7 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { Button } from "../../button/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useFullscreen } from "../../../hooks/full-screen/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),
@@ -14,7 +14,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 domRef = ref();
     const { isFullscreen, toggle } = useFullscreen();

package/dist/components/{popover → global-config}/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/global-config/index.d.ts

@@ -91,4 +91,5 @@ declare const GlobalConfig: SFCWithInstall<DefineComponent<ExtractPropTypes<{
         [key: string]: ObjAny;
     };
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;
-export { GlobalConfig, GlobalConfig as default };
+export { GlobalConfig };
+export default GlobalConfig;

package/dist/components/global-config/src/data.cjs

@@ -15,7 +15,7 @@ const dataProps = buildProps.buildProps({
     }
   },
   /**
-   * @props { Number } size='default' ('large' | 'default' | 'small')
+   * @props { String } size='default' ('large' | 'default' | 'small')
    * 大小
    */
   size: {

package/dist/components/global-config/src/data.d.ts

@@ -15,7 +15,7 @@ export declare const dataProps: {
         default(): "zh-cn";
     };
     /**
-     * @props { Number } size='default' ('large' | 'default' | 'small')
+     * @props { String } size='default' ('large' | 'default' | 'small')
      * 大小
      */
     size: {

package/dist/components/global-config/src/data.js

@@ -13,7 +13,7 @@ const dataProps = buildProps({
     }
   },
   /**
-   * @props { Number } size='default' ('large' | 'default' | 'small')
+   * @props { String } size='default' ('large' | 'default' | 'small')
    * 大小
    */
   size: {

package/dist/components/history/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/history/index.d.ts

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

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

@@ -6,9 +6,8 @@ const left = require("../../../icons/vue/left.cjs");
 const right = require("../../../icons/vue/right.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../utils/util.cjs");
-const index$1 = require("../../../hooks/props-default/index.cjs");
 const deepCopy = require("@fangzhongya/utils/basic/object/deepCopy");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$1.getProps(data.dataProps),
@@ -17,7 +16,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.useCssName(data.name);
     const prs = __props;
     const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
-    index$1.viewProps(props, data.name);
     const emit = __emit;
     const history = vue.ref([]);
     const index$3 = vue.ref(0);

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

@@ -4,9 +4,8 @@ import Left from "../../../icons/vue/left.js";
 import Right from "../../../icons/vue/right.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../utils/util.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { deepCopy } from "@fangzhongya/utils/basic/object/deepCopy";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -15,7 +14,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 history = ref([]);
     const index = ref(0);

package/dist/components/icon/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/icon/index.d.ts

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

package/dist/components/icon/src/data.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
 const name = "icon";

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

@@ -1,4 +1,3 @@
-import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 import { definePropType } from "../../../utils/vues/definePropType.js";
 const name = "icon";

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

@@ -2,11 +2,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-require("../../../hooks/index.cjs");
-const index$2 = require("../../../hooks/props-default/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-const _hoisted_1 = ["src"];
+const index = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const _hoisted_1 = ["alt", "src"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["xlink:href"];
 const prefix = "icon-";
@@ -19,7 +18,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 reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
     const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
@@ -101,15 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     function isImg(name2) {
       if (name2) {
-        if (name2.startsWith("data:")) {
-          return true;
-        } else if (name2.startsWith("/")) {
-          return true;
-        } else if (name2.startsWith("./")) {
-          return true;
-        } else if (name2.startsWith("../")) {
-          return true;
-        } else if (name2.includes("://")) {
+        if (name2.startsWith("data:") || name2.startsWith("/") || name2.startsWith("./") || name2.startsWith("../") || name2.includes("://")) {
           return true;
         }
       }
@@ -135,6 +125,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             class: vue.normalizeClass([vue.unref(cs).z(outputType.value), vue.unref(props).iconClass, vue.unref(cs).z("cont")]),
+            alt: outputName.value,
             src: outputName.value
           }, null, 10, _hoisted_1)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 2,

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

@@ -1,10 +1,9 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, createCommentVNode, createElementVNode, resolveDynamicComponent } from "vue";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
-import "../../../hooks/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-const _hoisted_1 = ["src"];
+import { useLocale } from "../../../hooks/locale/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+const _hoisted_1 = ["alt", "src"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["xlink:href"];
 const prefix = "icon-";
@@ -17,7 +16,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 reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
     const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
@@ -99,15 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function isImg(name2) {
       if (name2) {
-        if (name2.startsWith("data:")) {
-          return true;
-        } else if (name2.startsWith("/")) {
-          return true;
-        } else if (name2.startsWith("./")) {
-          return true;
-        } else if (name2.startsWith("../")) {
-          return true;
-        } else if (name2.includes("://")) {
+        if (name2.startsWith("data:") || name2.startsWith("/") || name2.startsWith("./") || name2.startsWith("../") || name2.includes("://")) {
           return true;
         }
       }
@@ -133,6 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
             key: 1,
             class: normalizeClass([unref(cs).z(outputType.value), unref(props).iconClass, unref(cs).z("cont")]),
+            alt: outputName.value,
             src: outputName.value
           }, null, 10, _hoisted_1)) : outputType.value === "str" ? (openBlock(), createElementBlock("svg", {
             key: 2,

package/dist/components/icon-picker/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/icon-picker/index.d.ts

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

package/dist/components/icon-picker/src/data.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const name = "icon-picker";
 const dataProps = buildProps.buildProps({

package/dist/components/icon-picker/src/data.js

@@ -1,4 +1,3 @@
-import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const name = "icon-picker";
 const dataProps = buildProps({

package/dist/components/icon-picker/src/index2.cjs

@@ -2,15 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-require("../../../hooks/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const index$3 = require("../../icon/index.cjs");
 const index$5 = require("../../input/index.cjs");
 const index$6 = require("../../tabs/index.cjs");
 const index$7 = require("../../tab-pane/index.cjs");
 const index$4 = require("../../dialogs/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["onClick"];
@@ -25,11 +24,10 @@ 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;
     let ac = "";
     if (props.icons) {
-      if (props.icons instanceof Array) {
+      if (Array.isArray(props.icons)) {
         ac = (_a = props.icons[0]) == null ? void 0 : _a.prefix;
       } else {
         const k = Object.keys(props.icons)[0];
@@ -41,50 +39,61 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const search = vue.ref("");
     const value = vue.ref("");
     const currentIconList = vue.computed(() => {
+      if (!activeName.value) {
+        return {};
+      }
+      const arr = getActiveIcons();
+      if (!search.value) {
+        return arr;
+      }
+      return filterIconsBySearch(arr, search.value);
+    });
+    function getActiveIcons() {
       var _a2;
-      let arr = {};
-      if (activeName.value) {
-        if (props.icons instanceof Array) {
-          for (let index2 = 0; index2 < props.icons.length; index2++) {
-            const element = props.icons[index2];
-            const name2 = element.prefix;
-            if (name2 == activeName.value) {
-              arr = (element == null ? void 0 : element.icons) || [];
-              break;
-            }
-          }
-        } else {
-          arr = ((_a2 = props.icons[activeName.value]) == null ? void 0 : _a2.icons) || [];
-        }
+      if (Array.isArray(props.icons)) {
+        return findIconsFromArray(props.icons);
+      } else {
+        return ((_a2 = props.icons[activeName.value]) == null ? void 0 : _a2.icons) || [];
       }
-      if (search.value) {
-        if (arr instanceof Array) {
-          return arr.filter((o) => {
-            const name2 = setName(o, "");
-            return name2.includes(search.value);
-          });
-        } else {
-          const obj = arr;
-          const rs = {};
-          Object.keys(arr).forEach((key) => {
-            const v = obj[key];
-            const name2 = setName(v, key);
-            if (name2.includes(search.value)) {
-              rs[key] = v;
-            }
-          });
-          return rs;
+    }
+    function findIconsFromArray(icons) {
+      for (const element of icons) {
+        if (element.prefix === activeName.value) {
+          return (element == null ? void 0 : element.icons) || [];
         }
+      }
+      return [];
+    }
+    function filterIconsBySearch(arr, searchTerm) {
+      if (Array.isArray(arr)) {
+        return filterArrayIcons(arr, searchTerm);
       } else {
-        return arr;
+        return filterObjectIcons(arr, searchTerm);
       }
-    });
+    }
+    function filterArrayIcons(arr, searchTerm) {
+      return arr.filter((item) => {
+        const name2 = setName(item, "");
+        return name2.includes(searchTerm);
+      });
+    }
+    function filterObjectIcons(arr, searchTerm) {
+      const result = {};
+      for (const key of Object.keys(arr)) {
+        const value2 = arr[key];
+        const name2 = setName(value2, key);
+        if (name2.includes(searchTerm)) {
+          result[key] = value2;
+        }
+      }
+      return result;
+    }
     function onShow() {
       var _a2;
       value.value = props.modelValue || "";
       if (!activeName.value) {
         if (props.icons) {
-          if (props.icons instanceof Array) {
+          if (Array.isArray(props.icons)) {
             activeName.value = (_a2 = props.icons[0]) == null ? void 0 : _a2.prefix;
           } else {
             const k = Object.keys(props.icons)[0];
@@ -127,7 +136,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return obj;
       }
     }
-    function handleTabChange() {
+    function handleTabChange(...arr) {
+      console.log("arr", arr);
     }
     function onConfirm() {
       dialogVisible.value = false;