@opentiny/vue-renderless 3.13.1 → 3.14.0

package/upload-list/vue.js

@@ -23,6 +23,7 @@ import {
   getNotSuccessFiles
 } from "./index";
 import { getToken, initService } from "../file-upload";
+import { formatFileSize } from "../common/string";
 import { getApi } from "../file-upload/vue";
 const api = [
   "t",
@@ -43,17 +44,20 @@ const api = [
   "reUpload",
   "remove",
   "handleTriggerClick",
-  "chooseFile"
+  "chooseFile",
+  "formatFileSize"
 ];
-const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, computed }, { t, parent, mode, emit, service, vm, nextTick, designConfig }, { Modal }) => {
+const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, computed }, { t, parent, mode, emit, service, vm, nextTick, designConfig, useBreakpoint }, { Modal }) => {
   var _a, _b, _c, _d, _e, _f;
   const api2 = { getApi };
   parent = inject("uploader").$children[0];
   const constants = parent.$constants;
   const $service = initService({ props, service });
+  const { current } = useBreakpoint();
   const state = reactive({
     focusing: false,
     shows: false,
+    currentBreakpoint: current,
     progressType: ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.progressType) || "circle",
     progressWidth: (_b = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _b.progressWidth,
     progressStrokeWidth: ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.progressStrokeWidth) || 6,
@@ -84,7 +88,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     pause: pause({ vm, props }),
     handleLoadedmetadata: handleLoadedmetadata({ vm }),
     handleTimeupdate: handleTimeupdate(),
-    destroyed: destroyed({ api: api2, props, vm }),
+    destroyed: destroyed({ props, vm }),
     showOperatePanel: showOperatePanel({ state }),
     getFileType: getFileType(),
     getFileIcon: getFileIcon({ constants }),
@@ -95,7 +99,8 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     handleTriggerClick: handleTriggerClick({ state, props }),
     chooseFile: chooseFile({ state, constants }),
     calcVisible: calcVisible({ props, constants, emit }),
-    getNotSuccessFiles: getNotSuccessFiles({ props, constants })
+    getNotSuccessFiles: getNotSuccessFiles({ props, constants }),
+    formatFileSize
   });
   props.listType === constants.LIST_TYPE.DRAG_SINGLE && watch(
     () => props.files && props.files[0],

package/user/index.js

@@ -17,8 +17,9 @@ const request = {
       this.group[valueField] = [];
     }
     queryIds.forEach((id) => {
-      if (!~this.group[valueField].indexOf(id))
-        !this.group[valueField].push(id);
+      if (!~this.group[valueField].indexOf(id)) {
+        this.group[valueField].push(id);
+      }
     });
   },
   removeRequest(item) {
@@ -78,22 +79,10 @@ const request = {
     const me = this;
     const reqParamsSeq = me.getParams();
     let reqLen = reqParamsSeq.length;
-    reqParamsSeq.map((params) => {
-      api.fetchW3Accounts(params).then((data) => {
-        me.setCache(data);
-        me.requests.slice().forEach((reqItem) => {
-          const { param, cb } = reqItem;
-          const { queryIds, valueField } = param;
-          queryIds.forEach((id) => {
-            const user = me.cache[valueField] && me.cache[valueField][id];
-            user && !reqItem.result.includes(user) && reqItem.result.push(user);
-          });
-          if (reqItem.result.length === queryIds.length) {
-            me.removeRequest(reqItem);
-            cb(reqItem.result);
-          }
-        });
-      }).finally(() => {
+    let final = true;
+    const onFinally = () => {
+      if (final) {
+        final = false;
         reqLen--;
         const errors = [];
         if (!reqLen) {
@@ -109,7 +98,24 @@ const request = {
           errors.length && log.logger.warn(`user [${errors.join(",")}] not found`);
           this.clearRequest();
         }
-      });
+      }
+    };
+    reqParamsSeq.forEach((params) => {
+      api.fetchW3Accounts(params).then((data) => {
+        me.setCache(data);
+        me.requests.slice().forEach((reqItem) => {
+          const { param, cb } = reqItem;
+          const { queryIds, valueField } = param;
+          queryIds.forEach((id) => {
+            const user = me.cache[valueField] && me.cache[valueField][id];
+            user && !reqItem.result.includes(user) && reqItem.result.push(user);
+          });
+          if (reqItem.result.length === queryIds.length) {
+            me.removeRequest(reqItem);
+            cb(reqItem.result);
+          }
+        });
+      }).then(onFinally).catch(onFinally);
     });
   },
   setBatch(batch) {
@@ -209,7 +215,7 @@ const autoSelect = ({ props, state, nextTick }) => (usersList) => {
   return nextTick();
 };
 const searchMethod = ({ api, props, state, emit }) => debounce(props.delay, (query) => {
-  if (query && query.length >= props.suggestLength) {
+  if (query && query.trim().length >= props.suggestLength) {
     state.loading = true;
     state.visible = true;
     const { multiple } = props;
@@ -247,13 +253,16 @@ const setSelected = ({ api, props, state }) => (value) => {
   });
   props.cache && api.cacheUser(state.selected);
 };
-const userChange = ({ api, emit, props, state }) => (value) => {
+const userChange = ({ api, emit, props, state, dispatch, constants }) => (value, emitChangeFlag = true) => {
   const { multiple } = props;
   let newVal = multiple && Array.isArray(value) ? value.join(props.valueSplit) : (value || "") + "";
   api.setSelected(newVal);
   if (typeof state.lastValue === "string" && state.lastValue !== null && state.lastValue.toLocaleLowerCase() !== newVal.toLocaleLowerCase()) {
     emit("update:modelValue", newVal);
-    emit("change", newVal, state.selected);
+    if (emitChangeFlag) {
+      emit("change", newVal, state.selected);
+      dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.FormChange, newVal);
+    }
   }
   state.lastValue = newVal;
 };
@@ -402,7 +411,7 @@ const visibleChange = ({ state, emit }) => (show) => {
   emit("visible-change", show);
 };
 const initUser = ({ api, props, state }) => (value) => {
-  if (value === state.lastValue) {
+  if (value === state.lastValue && value !== null) {
     return;
   }
   state.user = !props.multiple ? "" : [];
@@ -412,7 +421,7 @@ const initUser = ({ api, props, state }) => (value) => {
   if (!value) {
     state.options = [];
     state.selected = [];
-    api.userChange(value);
+    api.userChange(value, props.changeCompat);
     return;
   }
   value && api.getUsers(value).then((info) => {
@@ -425,7 +434,7 @@ const initUser = ({ api, props, state }) => (value) => {
     });
     state.options = info;
     state.user = props.multiple ? list : list[0];
-    api.userChange(value);
+    api.userChange(value, props.changeCompat);
   });
 };
 const handleBlur = ({ constants, dispatch, state, emit }) => (e) => {

package/user/vue.js

@@ -58,7 +58,7 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
     getUsers: getUsers({ api: api2, props, state }),
     setSelected: setSelected({ api: api2, props, state }),
     searchMethod: searchMethod({ api: api2, props, state, emit }),
-    userChange: userChange({ api: api2, emit, props, state }),
+    userChange: userChange({ api: api2, emit, props, state, dispatch, constants }),
     useSortable: useSortable({ api: api2, props, state, vm }),
     computedTextField: computedTextField({ service: $service, props }),
     computedValueField: computedValueField({ service: $service, props }),

package/user-head/index.js

@@ -9,9 +9,9 @@ const computedStyle = ({ state, props }) => () => {
 };
 const computedMessage = ({ props }) => () => {
   let result = "";
-  const total = Math.floor(props.messageTotal);
+  const total = Math.floor(props.messageTotal || NaN);
   if (props.messageType === "details" && !isNaN(total) && total > 0) {
-    result = total;
+    result = String(total);
     if (props.messageUpperLimit && total > props.messageUpperLimit) {
       result = `${props.messageUpperLimit}+`;
     }
@@ -55,7 +55,7 @@ const getInternalValue = ({ props }) => () => {
     } else if (props.type === "label") {
       result = "U";
     }
-    return result;
+    return result || props.value;
   } else {
     return props.modelValue;
   }

package/watermark/index.js

@@ -142,6 +142,16 @@ const updateWatermark = (watermarkBg, props) => {
   watermarkDiv.style.zIndex = `${props.zIndex}`;
   return watermarkDiv;
 };
+async function setSlotDivStyle({ vm, props }) {
+  const parentRef = vm.$refs.parentRef;
+  if (!parentRef) {
+    return;
+  }
+  for (let child of parentRef.children) {
+    child.style.position = "relative";
+    child.style.zIndex = `${props.zIndex + 1}`;
+  }
+}
 async function createWatermark({ vm, state, props }) {
   const parentRef = vm.$refs.parentRef;
   if (!parentRef) {
@@ -158,6 +168,7 @@ const reRenderWatermark = ({ state }) => () => {
   state.flag++;
 };
 const mounted = ({ vm, state, props }) => () => {
+  setSlotDivStyle({ vm, props });
   createWatermark({ vm, state, props });
   state.observerInstance = new MutationObserver((records) => {
     for (const record of records) {

package/wheel/index.js

@@ -7,6 +7,9 @@ const created = (api) => () => {
 const loadPickerData = ({ props, state }) => () => {
   state.dataSource = cloneDeep(props.dataSource);
   state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
+  if (!state.dataSource.length) {
+    return;
+  }
   const level_1 = state.dataSource;
   const level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
   if (level_n.length === 0) {

package/wizard/vue.js

@@ -18,13 +18,15 @@ const api = [
   "nextStepHandle",
   "showNode"
 ];
-const renderless = (props, { onMounted, reactive }, { emit, constants }) => {
+const renderless = (props, { onMounted, reactive }, { emit, constants, designConfig }) => {
+  var _a;
   const state = reactive({
     datas: props.data,
     submitShow: false,
     doing: constants.DOING_STATUS,
     ready: constants.READY_STATUS,
-    wait: constants.WAIT_STATUS
+    wait: constants.WAIT_STATUS,
+    iconYes: ((_a = designConfig == null ? void 0 : designConfig.icons) == null ? void 0 : _a.IconYes) || "tiny-icon-successful"
   });
   const api2 = {
     state,

package/common/deps/modal-queue.js

@@ -1,6 +0,0 @@
-import "../../chunk-G2ADBYYC.js";
-const queue = [];
-var modal_queue_default = queue;
-export {
-  modal_queue_default as default
-};

package/common/deps/requestAnimationFrame.js

@@ -1,25 +0,0 @@
-!function() {
-  let lastTime = 0;
-  const vendors = ["ms", "moz", "webkit", "o"];
-  for (let x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
-    window.cancelAnimationFrame = window[vendors[x] + "CancelAnimationFrame"] || window[vendors[x] + "CancelRequestAnimationFrame"];
-  }
-  if (!window.requestAnimationFrame) {
-    window.requestAnimationFrame = function(callback) {
-      const now = (/* @__PURE__ */ new Date()).getTime();
-      const timeToCall = Math.max(0, 16 - (now - lastTime));
-      const timeCallback = now + timeToCall;
-      const id = window.setTimeout(() => {
-        callback(timeCallback);
-      }, timeToCall);
-      lastTime = now + timeToCall;
-      return id;
-    };
-  }
-  if (!window.cancelAnimationFrame) {
-    window.cancelAnimationFrame = function(id) {
-      clearTimeout(id);
-    };
-  }
-}();