@fangzhongya/fang-ui 0.1.34 → 0.1.36

package/dist/components/tree-select-box/src/index2.cjs

@@ -2,12 +2,11 @@
 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("../../input/index.cjs");
 const index$4 = require("../../tree/index.cjs");
 const index$2 = require("../../select-dialog/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -20,7 +19,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const refSelectDialog = vue.ref();
     const refTree = vue.ref();
     const psprops = vue.computed(() => {
-      return Object.assign({}, data.roleSelect, propss.props);
+      return {
+        ...data.roleSelect,
+        ...propss.props
+      };
     });
     const search = vue.ref("");
     const nodes = vue.ref({});
@@ -48,14 +50,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (v, node) => {
             const prop = psprops.value.value;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 setNodes(key, node[key]);
-              });
+              }
             } else {
-              v.forEach((o) => {
+              for (const o of v) {
                 const id = o[prop];
                 setNodes(id, o);
-              });
+              }
             }
             if (psprops.value.lazy && callback) {
               callback(v);
@@ -70,7 +72,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function setNodes(key, obj) {
-      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
+      const v = nodes.value[key] || {};
+      nodes.value[key] = {
+        ...v,
+        ...obj
+      };
     }
     function getName(key) {
       const name2 = psprops.value.label;
@@ -117,10 +123,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
           setTreeVale();
         }
-      } else {
-        if (!data2[disabledname]) {
-          list.value = [d];
-        }
+      } else if (!data2[disabledname]) {
+        list.value = [d];
       }
     }
     function handleTreeChange(data2, node) {
@@ -149,16 +153,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     onInput({}, (v) => listData.value = v);
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.value;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             setNodes(id, o);
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             setNodes(key, node[key]);
-          });
+          }
         }
       }
     }

package/dist/components/tree-select-box/src/index2.js

@@ -1,11 +1,10 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, renderSlot } from "vue";
 import { name, roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
-import "../../../hooks/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 import { Input } from "../../input/index.js";
 import { Tree } from "../../tree/index.js";
 import { SelectDialog } from "../../select-dialog/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -18,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refSelectDialog = ref();
     const refTree = ref();
     const psprops = computed(() => {
-      return Object.assign({}, roleSelect, propss.props);
+      return {
+        ...roleSelect,
+        ...propss.props
+      };
     });
     const search = ref("");
     const nodes = ref({});
@@ -46,14 +48,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (v, node) => {
             const prop = psprops.value.value;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 setNodes(key, node[key]);
-              });
+              }
             } else {
-              v.forEach((o) => {
+              for (const o of v) {
                 const id = o[prop];
                 setNodes(id, o);
-              });
+              }
             }
             if (psprops.value.lazy && callback) {
               callback(v);
@@ -68,7 +70,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function setNodes(key, obj) {
-      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
+      const v = nodes.value[key] || {};
+      nodes.value[key] = {
+        ...v,
+        ...obj
+      };
     }
     function getName(key) {
       const name2 = psprops.value.label;
@@ -115,10 +121,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           setTreeVale();
         }
-      } else {
-        if (!data[disabledname]) {
-          list.value = [d];
-        }
+      } else if (!data[disabledname]) {
+        list.value = [d];
       }
     }
     function handleTreeChange(data, node) {
@@ -147,16 +151,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onInput({}, (v) => listData.value = v);
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.value;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             setNodes(id, o);
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             setNodes(key, node[key]);
-          });
+          }
         }
       }
     }

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

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

package/dist/components/upload/index.scss

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

package/dist/components/uploads/index.css

@@ -3,7 +3,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;
@@ -64,7 +64,7 @@
   display: none;
   align-items: center;
   justify-content: center;
-  color: #fff;
+  color: #ffffff;
 }
 .uploads-list-li-operation > span {
   font-size: 16px;

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

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

package/dist/components/uploads/index.scss

@@ -41,7 +41,7 @@ $uploads: 'uploads';
 				display: none;
 				align-items: center;
 				justify-content: center;
-				color: #fff;
+				color: #ffffff;
 				> span {
 					font-size: 16px;
 					padding: 3px;

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

@@ -42,7 +42,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$2.useCssName(data.name);
     const prs = __props;
     const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
-    index$3.viewProps(props, data.name);
     const emit = __emit;
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
@@ -81,44 +80,38 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return util$1.getListValue(arr);
       }
     };
-    const fileList = vue.computed(() => {
-      if (value.value instanceof Array) {
-        return getFileList(value.value);
-      } else {
-        if (value.value) {
-          return getFileList([value.value]);
+    const fileList = vue.ref([]);
+    vue.watch(
+      [() => value.value, () => {
+        var _a;
+        return (_a = value.value) == null ? void 0 : _a.length;
+      }],
+      () => {
+        if (Array.isArray(value.value)) {
+          fileList.value = getFileList(value.value);
+        } else {
+          if (value.value) {
+            fileList.value = getFileList([value.value]);
+          }
+          fileList.value = [];
         }
-        return [];
+      },
+      {
+        immediate: true
       }
-    });
+    );
     const isUp = vue.computed(() => {
       if (disabled.value) {
-        if (value.value && value.value.length > 0) {
-          return false;
-        } else {
-          return true;
-        }
+        return !(value.value && value.value.length > 0);
       }
       if (multiple.value) {
-        if (!value.value || value.value.length == 0) {
-          return true;
-        }
+        if (!value.value || value.value.length === 0) return true;
         if (props.limit) {
-          if (value.value && value.value.length < props.limit) {
-            return true;
-          } else {
-            return false;
-          }
-        } else {
-          return true;
-        }
-      } else {
-        if (value.value) {
-          return false;
-        } else {
-          return true;
+          return value.value.length < props.limit;
         }
+        return true;
       }
+      return !value.value;
     });
     const views$1 = vue.reactive({
       show: false,
@@ -143,7 +136,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             if (is) {
               if (multiple.value) {
                 value.value.splice(index2, 1);
-                value.value = value.value;
               } else {
                 value.value = "";
               }
@@ -152,13 +144,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           item,
           index2
         );
+      } else if (multiple.value) {
+        value.value.splice(index2, 1);
       } else {
-        if (multiple.value) {
-          value.value.splice(index2, 1);
-          value.value = value.value;
-        } else {
-          value.value = "";
-        }
+        value.value = "";
       }
       if (value.value.length == 0) {
         showIndex.value = -1;
@@ -208,26 +197,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return is;
     };
     const callback = (v) => {
-      if (v) {
-        if (multiple.value) {
-          if (v instanceof Array) {
-            if (value.value) {
-              value.value.push(...v);
-              value.value = value.value;
-            } else {
-              value.value = [...v];
-            }
-          } else {
-            if (value.value) {
-              value.value.push(v);
-              value.value = value.value;
-            } else {
-              value.value = [v];
-            }
-          }
+      if (!v) {
+        isloading.value = false;
+        return;
+      }
+      if (multiple.value) {
+        const values = Array.isArray(v) ? v : [v];
+        if (value.value) {
+          value.value.push(...values);
         } else {
-          value.value = v;
+          value.value = [...values];
         }
+      } else {
+        value.value = v;
       }
       isloading.value = false;
     };
@@ -370,12 +352,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views$1.show = $event)
               }, {
                 default: vue.withCtx(() => {
-                  var _a, _b;
+                  var _a, _b, _c;
                   return [
                     (vue.openBlock(), vue.createBlock(vue.unref(index$a.Iframe), {
-                      key: (_a = views$1.value) == null ? void 0 : _a.url,
-                      url: (_b = views$1.value) == null ? void 0 : _b.url
-                    }, null, 8, ["url"]))
+                      title: (_a = views$1.value) == null ? void 0 : _a.url,
+                      key: (_b = views$1.value) == null ? void 0 : _b.url,
+                      url: (_c = views$1.value) == null ? void 0 : _c.url
+                    }, null, 8, ["title", "url"]))
                   ];
                 }),
                 _: 1

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useAttrs, computed, reactive, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, Fragment, renderList, renderSlot, normalizeStyle, createVNode, withCtx, toDisplayString } from "vue";
+import { defineComponent, ref, useAttrs, computed, watch, reactive, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, Fragment, renderList, renderSlot, normalizeStyle, createVNode, withCtx, toDisplayString } from "vue";
 import Document from "../../../icons/vue/document.js";
 import Download from "../../../icons/vue/download.js";
 import Plus from "../../../icons/vue/plus.js";
@@ -20,7 +20,7 @@ import { downloadFromURL } from "@fangzhongya/utils/window/download";
 import { getListValue } from "../../players/common/util.js";
 import { getType, getListType } from "./util.js";
 import "../../form/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
 const _hoisted_1 = ["onMouseenter"];
 const _hoisted_2 = ["title"];
@@ -40,7 +40,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 listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
@@ -79,44 +78,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return getListValue(arr);
       }
     };
-    const fileList = computed(() => {
-      if (value.value instanceof Array) {
-        return getFileList(value.value);
-      } else {
-        if (value.value) {
-          return getFileList([value.value]);
+    const fileList = ref([]);
+    watch(
+      [() => value.value, () => {
+        var _a;
+        return (_a = value.value) == null ? void 0 : _a.length;
+      }],
+      () => {
+        if (Array.isArray(value.value)) {
+          fileList.value = getFileList(value.value);
+        } else {
+          if (value.value) {
+            fileList.value = getFileList([value.value]);
+          }
+          fileList.value = [];
         }
-        return [];
+      },
+      {
+        immediate: true
       }
-    });
+    );
     const isUp = computed(() => {
       if (disabled.value) {
-        if (value.value && value.value.length > 0) {
-          return false;
-        } else {
-          return true;
-        }
+        return !(value.value && value.value.length > 0);
       }
       if (multiple.value) {
-        if (!value.value || value.value.length == 0) {
-          return true;
-        }
+        if (!value.value || value.value.length === 0) return true;
         if (props.limit) {
-          if (value.value && value.value.length < props.limit) {
-            return true;
-          } else {
-            return false;
-          }
-        } else {
-          return true;
-        }
-      } else {
-        if (value.value) {
-          return false;
-        } else {
-          return true;
+          return value.value.length < props.limit;
         }
+        return true;
       }
+      return !value.value;
     });
     const views = reactive({
       show: false,
@@ -141,7 +134,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (is) {
               if (multiple.value) {
                 value.value.splice(index, 1);
-                value.value = value.value;
               } else {
                 value.value = "";
               }
@@ -150,13 +142,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           item,
           index
         );
+      } else if (multiple.value) {
+        value.value.splice(index, 1);
       } else {
-        if (multiple.value) {
-          value.value.splice(index, 1);
-          value.value = value.value;
-        } else {
-          value.value = "";
-        }
+        value.value = "";
       }
       if (value.value.length == 0) {
         showIndex.value = -1;
@@ -206,26 +195,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return is;
     };
     const callback = (v) => {
-      if (v) {
-        if (multiple.value) {
-          if (v instanceof Array) {
-            if (value.value) {
-              value.value.push(...v);
-              value.value = value.value;
-            } else {
-              value.value = [...v];
-            }
-          } else {
-            if (value.value) {
-              value.value.push(v);
-              value.value = value.value;
-            } else {
-              value.value = [v];
-            }
-          }
+      if (!v) {
+        isloading.value = false;
+        return;
+      }
+      if (multiple.value) {
+        const values = Array.isArray(v) ? v : [v];
+        if (value.value) {
+          value.value.push(...values);
         } else {
-          value.value = v;
+          value.value = [...values];
         }
+      } else {
+        value.value = v;
       }
       isloading.value = false;
     };
@@ -368,12 +350,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views.show = $event)
               }, {
                 default: withCtx(() => {
-                  var _a, _b;
+                  var _a, _b, _c;
                   return [
                     (openBlock(), createBlock(unref(Iframe), {
-                      key: (_a = views.value) == null ? void 0 : _a.url,
-                      url: (_b = views.value) == null ? void 0 : _b.url
-                    }, null, 8, ["url"]))
+                      title: (_a = views.value) == null ? void 0 : _a.url,
+                      key: (_b = views.value) == null ? void 0 : _b.url,
+                      url: (_c = views.value) == null ? void 0 : _c.url
+                    }, null, 8, ["title", "url"]))
                   ];
                 }),
                 _: 1

package/dist/components/uploads/src/util.cjs

@@ -58,7 +58,7 @@ function downloadFromURL(url, filename) {
   }
   document.body.appendChild(link);
   link.click();
-  document.body.removeChild(link);
+  link.remove();
 }
 function smartFileHandler(url) {
   const iframe = document.createElement("iframe");
@@ -66,11 +66,11 @@ function smartFileHandler(url) {
   iframe.src = url;
   iframe.onload = function() {
     window.open(url, "_blank");
-    document.body.removeChild(iframe);
+    iframe.remove();
   };
   iframe.onerror = function() {
     downloadFromURL(url);
-    document.body.removeChild(iframe);
+    iframe.remove();
   };
   document.body.appendChild(iframe);
 }

package/dist/components/uploads/src/util.js

@@ -56,7 +56,7 @@ function downloadFromURL(url, filename) {
   }
   document.body.appendChild(link);
   link.click();
-  document.body.removeChild(link);
+  link.remove();
 }
 function smartFileHandler(url) {
   const iframe = document.createElement("iframe");
@@ -64,11 +64,11 @@ function smartFileHandler(url) {
   iframe.src = url;
   iframe.onload = function() {
     window.open(url, "_blank");
-    document.body.removeChild(iframe);
+    iframe.remove();
   };
   iframe.onerror = function() {
     downloadFromURL(url);
-    document.body.removeChild(iframe);
+    iframe.remove();
   };
   document.body.appendChild(iframe);
 }

package/dist/components/user-select/index.d.ts

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

package/dist/components/user-select/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 roleSelect = {

package/dist/components/user-select/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 roleSelect = {