@opentiny/vue-renderless 3.10.7 → 3.11.0

package/types/upload-list.type.d.mts

@@ -0,0 +1,3 @@
+import 'vue';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-aa21a42e.js';
+import './shared.type.mjs';

package/types/upload.type.d.mts

@@ -0,0 +1,3 @@
+import 'vue';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-aa21a42e.js';
+import './shared.type.mjs';

package/types/user-account.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/user-contact.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/user-head-group.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/user-head.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/user-link.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/user.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/wheel.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/wizard.type.d.mts

@@ -0,0 +1,95 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+
+declare const $constants: {
+    DOING_STATUS: string;
+    READY_STATUS: string;
+    WAIT_STATUS: string;
+};
+declare const wizardProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            DOING_STATUS: string;
+            READY_STATUS: string;
+            WAIT_STATUS: string;
+        };
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    pageGuide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timeLineFlow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+type IWizardProps = ExtractPropTypes<typeof wizardProps>;
+interface IWizardPropsDataNodeValues {
+    text: string;
+    value: string;
+}
+interface IWizardPropsDataNode {
+    name: string;
+    status: string;
+    showNode?: boolean;
+    content?: string;
+    imgUrl?: string;
+    users?: string;
+    userName?: string;
+    roleNumber?: string;
+    date?: string;
+    values?: IWizardPropsDataNodeValues[];
+}
+interface IWizardState {
+    datas: IWizardProps['data'];
+    submitShow: boolean;
+    doing: string;
+    ready: string;
+    wait: string;
+}
+type IWizardConstants = typeof $constants;
+type IWizardRenderlessParams = ISharedRenderlessFunctionParams<IWizardConstants> & {
+    state: IWizardState;
+    props: IWizardProps;
+    api: IWizardApi;
+};
+interface IWizardValue {
+    text: string;
+    value: number;
+}
+interface IWizardNodesItem {
+    date: string;
+    nodeStatus: string;
+    showNode: boolean;
+    value: IWizardPropsDataNode[];
+}
+interface IWizardApi {
+    state: IWizardState;
+    nodeClick: (node: IWizardPropsDataNode, index: number, event: Event) => void;
+    showNode: (node: IWizardPropsDataNode, index: number, event: Event) => void;
+    nextStepHandle: () => void;
+    lastStepHandle: () => void;
+    submitHandle: () => void;
+    btnSaveHandle: () => void;
+    setTimelineflowNodeStatus: (nodes: IWizardNodesItem[]) => void;
+    timelineflowData: () => void;
+}
+type IWizardRenderlessParamUtils = ISharedRenderlessParamUtils<IWizardConstants>;
+
+export { IWizardApi, IWizardConstants, IWizardNodesItem, IWizardProps, IWizardPropsDataNode, IWizardRenderlessParamUtils, IWizardRenderlessParams, IWizardState, IWizardValue };

package/types/year-range.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/year-table.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/upload/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE } from "../common";
 const isImage = (str) => str.indexOf("image") !== -1;
 const handleChange = (api) => (event) => {
@@ -8,6 +8,28 @@ const handleChange = (api) => (event) => {
   }
   api.uploadFiles(files);
 };
+const handlePaste = ({ api, props }) => (event) => {
+  var _a;
+  event.preventDefault();
+  if (!props.pasteUpload) {
+    return;
+  }
+  const items = (_a = event.clipboardData) == null ? void 0 : _a.items;
+  if (!items) {
+    return;
+  }
+  const files = [];
+  for (let i = 0; i < items.length; i++) {
+    const file = items[i].getAsFile();
+    if (file) {
+      files.push(file);
+    }
+  }
+  if (!files.length) {
+    return;
+  }
+  api.uploadFiles(files);
+};
 const getFormData = ({ constants, state, props }) => ({ formData, file, type }) => {
   const uploaderInner = state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE];
   if (uploaderInner.edm.upload) {
@@ -40,7 +62,13 @@ const getFormData = ({ constants, state, props }) => ({ formData, file, type })
     state.updateId = "";
   }
 };
-const uploadFiles = ({ state, constants, Modal, props, t }) => (files) => {
+const uploadFiles = ({
+  state,
+  constants,
+  Modal,
+  props,
+  t
+}) => (files) => {
   if (state.updateId === "") {
     if (props.limit && props.fileList.length + files.length > props.limit) {
       const fileUploadTem = state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE];
@@ -76,7 +104,9 @@ const uploadFiles = ({ state, constants, Modal, props, t }) => (files) => {
   if (postFiles.length === 0) {
     return;
   }
-  props.onStart(postFiles, state.updateId);
+  if (props.onStart) {
+    props.onStart(postFiles, state.updateId);
+  }
 };
 const upload = ({ api, props, refs }) => (rawFile) => {
   refs.input.value = null;
@@ -117,8 +147,11 @@ const upload = ({ api, props, refs }) => (rawFile) => {
 const abort = ({ state, props, constants }) => (file) => {
   const { reqs } = state;
   const cancel = function(uid) {
-    const fn = reqs[uid] && reqs[uid].abort || state.cancelToken[uid];
-    fn && fn();
+    if (reqs[uid]) {
+      reqs[uid].abort();
+    } else if (state.cancelToken[uid]) {
+      state.cancelToken[uid]();
+    }
     delete reqs[uid];
     delete state.cancelToken[uid];
   };
@@ -142,33 +175,57 @@ const abort = ({ state, props, constants }) => (file) => {
     });
   }
 };
-const getOptionsOfPost = ({ props, state, rawFile, uploaderInner, uid }) => {
+const getOptionsOfPost = ({
+  props,
+  state,
+  rawFile,
+  uploaderInner,
+  uid
+}) => {
   return {
-    headers: Object.assign(props.headers, state.headers),
+    headers: Object.assign(props.headers || {}, state.headers || {}),
     withCredentials: props.withCredentials,
     file: rawFile,
     data: props.data,
     filename: props.name,
     action: uploaderInner.action || props.action,
     onSuccess: (res) => {
-      props.onSuccess(res, rawFile);
+      if (props.onSuccess) {
+        props.onSuccess(res, rawFile);
+      }
       delete state.reqs[uid];
     },
     onProgress: (event) => {
-      props.onProgress(event, rawFile);
+      if (props.onProgress) {
+        props.onProgress(event, rawFile);
+      }
     },
     onError: (error) => {
-      props.onError(error, rawFile);
+      if (props.onError) {
+        props.onError(error, rawFile);
+      }
       delete state.reqs[uid];
     }
   };
 };
-const modifyOptionsOfPost = ({ service, props, options, rawFile, state, uid, uploaderInner, api, constants }) => {
+const modifyOptionsOfPost = ({
+  service,
+  props,
+  options,
+  rawFile,
+  state,
+  uid,
+  uploaderInner,
+  api,
+  constants
+}) => {
   if (service && service.network && props.httpRequest === service.network.request) {
     options.method = "post";
     options.url = options.action;
     options.onUploadProgress = (event) => {
-      props.onProgress(event, rawFile);
+      if (props.onProgress) {
+        props.onProgress(event, rawFile);
+      }
     };
     delete options.action;
     delete options.onProgress;
@@ -201,7 +258,13 @@ const modifyOptionsOfPost = ({ service, props, options, rawFile, state, uid, upl
     options.data = formData;
   }
 };
-const getOptionsOfHwh5 = ({ state, props, rawFile, uploaderInner, uid }) => {
+const getOptionsOfHwh5 = ({
+  state,
+  props,
+  rawFile,
+  uploaderInner,
+  uid
+}) => {
   return {
     edmAuth: {
       edmToken: props.edmToken.edmToken,
@@ -210,19 +273,31 @@ const getOptionsOfHwh5 = ({ state, props, rawFile, uploaderInner, uid }) => {
     filePath: rawFile.filePath,
     progress: 1,
     onProgress: (data) => {
-      props.onProgress(data, rawFile);
+      if (props.onProgress) {
+        props.onProgress(data, rawFile);
+      }
     },
     onSuccess: (res) => {
-      props.onSuccess(res, rawFile);
+      if (props.onSuccess) {
+        props.onSuccess(res, rawFile);
+      }
       delete state.reqs[uid];
     },
     onError: (error) => {
-      props.onError(error, rawFile);
+      if (props.onProgress) {
+        props.onProgress(error, rawFile);
+      }
       delete state.reqs[uid];
     }
   };
 };
-const post = ({ api, constants, props, state, service }) => (rawFile) => {
+const post = ({
+  api,
+  constants,
+  props,
+  state,
+  service
+}) => (rawFile) => {
   const { uid } = rawFile;
   const uploaderInner = state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE];
   let options;
@@ -233,10 +308,12 @@ const post = ({ api, constants, props, state, service }) => (rawFile) => {
     modifyOptionsOfPost({ service, props, options, rawFile, state, uid, uploaderInner, api, constants });
   }
   const excuteReq = (options2) => {
-    const req = props.httpRequest(options2);
-    state.reqs[uid] = req;
-    if (req && req.then) {
-      req.then(options2.onSuccess, options2.onError);
+    if (props.httpRequest) {
+      const req = props.httpRequest(options2);
+      state.reqs[uid] = req;
+      if (req && req.then) {
+        req.then(options2.onSuccess, options2.onError);
+      }
     }
   };
   if (rawFile.isLargeFile) {
@@ -260,12 +337,12 @@ const handleKeydown = (api) => (event) => {
     return;
   }
   if (event.keyCode === KEY_CODE.Enter || event.keyCode === KEY_CODE.Space) {
-    api.handleClick();
+    api.handleClick(event, "");
   }
 };
 const handleUpdate = ({ props, state }) => (file) => {
-  if (!props.disabled) {
-    state.updateInput.value = null;
+  if (!props.disabled && state.updateInput) {
+    state.updateInput.value = "";
     state.updateId = file.docId;
     state.updateInput.click();
   }
@@ -274,7 +351,7 @@ const mounted = ({ state, props, api }) => () => {
   let updateInput = document.createElement("input");
   updateInput.type = "file";
   updateInput.name = props.name;
-  updateInput.accept = props.accept;
+  updateInput.accept = props.accept || "";
   updateInput.onchange = api.handleChange;
   state.updateInput = Object.freeze(updateInput);
 };
@@ -287,6 +364,7 @@ export {
   handleChange,
   handleClick,
   handleKeydown,
+  handlePaste,
   handleUpdate,
   isImage,
   mounted,

package/upload/vue.js

@@ -1,9 +1,10 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   getFormData,
   isImage,
   handleChange,
   uploadFiles,
+  handlePaste,
   upload,
   abort,
   post,
@@ -17,6 +18,7 @@ const api = [
   "state",
   "isImage",
   "handleChange",
+  "handlePaste",
   "uploadFiles",
   "upload",
   "abort",
@@ -60,6 +62,7 @@ const renderless = (props, { computed, inject, reactive, onMounted, onBeforeUnmo
     uploadFiles: uploadFiles({ constants, Modal, props, state, t }),
     post: post({ api: api2, constants, props, state, service }),
     handleChange: handleChange(api2),
+    handlePaste: handlePaste({ api: api2, props }),
     handleKeydown: handleKeydown(api2),
     upload: upload({ api: api2, props, refs }),
     mounted: mounted({ state, props, api: api2 })

package/upload-dragger/index.js

@@ -1,12 +1,13 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const onDragOver = ({ props, state }) => () => !props.disabled && (state.dragover = true);
 const onDrop = ({ emit, props, state }) => (event) => {
+  var _a;
   if (props.disabled || !state.uploader) {
     return;
   }
   const accept = state.uploader.accept;
   state.dragover = false;
-  const files = event.dataTransfer.files;
+  const files = (_a = event.dataTransfer) == null ? void 0 : _a.files;
   if (!accept) {
     emit("file", files);
     return;

package/upload-dragger/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { onDragOver, onDrop, watchDragover } from "./index";
 const api = ["state", "onDragOver", "onDrop"];
 const renderless = (props, { inject, reactive, ref, watch }, { emit }) => {

package/upload-list/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common/xss";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 const parsePercentage = () => (val) => parseInt(val, 10);
@@ -40,7 +40,7 @@ const picturefilePreview = (state) => (index) => {
 const getDeleteData = (emit) => (data) => {
   emit("remove", data);
 };
-const showOperatePanel = ({ state }) => ({ file }) => {
+const showOperatePanel = ({ state }) => (file) => {
   state.currentFile = file;
   state.showPanel = true;
 };
@@ -82,11 +82,13 @@ const pause = ({ vm, props }) => ({ file, index, type }) => {
   }
 };
 const handleLoadedmetadata = ({ vm }) => ({ e, file }) => {
-  vm.$set(file, "totalSecond", parseInt(e.target.duration));
-  vm.$set(file, "currentSecond", parseInt(e.target.currentTime));
+  var _a, _b;
+  vm.$set(file, "totalSecond", parseInt((_a = e.target) == null ? void 0 : _a.duration));
+  vm.$set(file, "currentSecond", parseInt((_b = e.target) == null ? void 0 : _b.currentTime));
 };
 const handleTimeupdate = () => ({ e, file }) => {
-  file.currentSecond = parseInt(e.target.currentTime);
+  var _a;
+  file.currentSecond = parseInt((_a = e.target) == null ? void 0 : _a.currentTime);
 };
 const getFileType = () => ({ file }) => file.name && file.name.split(".")[file.name.split(".").length - 1].toLowerCase();
 const getFileIcon = ({ constants }) => ({ type }) => {

package/upload-list/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   parsePercentage,
   handleClick,
@@ -59,7 +59,8 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     showTriggerPanel: false,
     triggerClickType: "",
     showAudioPanel: false,
-    files: computed(() => api2.getNotSuccessFiles())
+    files: computed(() => api2.getNotSuccessFiles()),
+    currentFile: null
   });
   parent.getToken = getToken({ constants, props: parent, state: parent.state, t, Modal });
   Object.assign(api2, {

package/user/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import { toDateStr } from "../common/date";
 import { toJsonStr } from "../common/object";
@@ -317,7 +317,7 @@ const getUsers = ({ api, props, state }) => (value) => {
 };
 const updateCache = ({ props, state }) => () => {
   const users = toJson(window.localStorage.getItem(props.cacheKey)) || {};
-  const currDate = toDateStr(new Date(), "yyyyMMdd");
+  const currDate = toDateStr(/* @__PURE__ */ new Date(), "yyyyMMdd");
   if (currDate !== users.t) {
     users.t = currDate;
     for (let u in users) {
@@ -351,6 +351,7 @@ const cacheUser = ({ api, props, service, state }) => (users) => {
     } else {
       const us = {
         p: u[valueField],
+        // 增加一个主键
         i: u[cacheFields.userId],
         u: u[cacheFields.userCN],
         d: u[cacheFields.dept],
@@ -427,8 +428,9 @@ const initUser = ({ api, props, state }) => (value) => {
     api.userChange(value);
   });
 };
-const handleBlur = ({ constants, dispatch, state }) => () => {
+const handleBlur = ({ constants, dispatch, state, emit }) => (e) => {
   dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.FormBlur, state.user);
+  emit("blur", e);
 };
 const initService = ({ props, service }) => {
   const noopFnCreator = (propName) => () => {

package/user/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   initUser,
   handleBlur,
@@ -50,7 +50,7 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
     updateCache: updateCache({ props, state }),
     autoSelect: autoSelect({ props, state, nextTick }),
     updateOptions: updateOptions({ props, state, nextTick }),
-    handleBlur: handleBlur({ constants, dispatch, state }),
+    handleBlur: handleBlur({ constants, dispatch, state, emit }),
     filter: filter({ props, state }),
     suggestUser: suggestUser(api2),
     cacheUser: cacheUser({ api: api2, props, service: $service, state }),

package/user-account/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const init = ({ service, state }) => () => {
   const { getUserInfo, getUserImageUrl, getLangData } = service;
   getLangData().then((langData) => {

package/user-account/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { initService } from "../user";
 import { init } from "./index";
 const api = ["state"];

package/user-contact/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common/xss";
 const getUserHref = ({ api, props }) => () => {
   let href = "javascript:;";

package/user-contact/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { init } from "../common/deps/eSpaceCtrl";
 import { getUserHref, doUserAction, initEspaceLink, openEspace } from "./index";
 import { testUID } from "../espace";

package/user-head/index.js

@@ -1,13 +1,13 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedStyle = ({ state, props }) => () => {
   return {
-    fill: props.color,
-    color: props.color,
-    backgroundColor: props.backgroundColor,
+    fill: state.color,
+    color: state.color,
+    backgroundColor: state.backgroundColor,
     backgroundImage: /^(image)$/.test(props.type) && state.internalValue ? `url(${state.internalValue})` : "none"
   };
 };
-const computedMessage = (props) => () => {
+const computedMessage = ({ props }) => () => {
   let result = "";
   const total = Math.floor(props.messageTotal);
   if (props.messageType === "details" && !isNaN(total) && total > 0) {
@@ -18,7 +18,7 @@ const computedMessage = (props) => () => {
   }
   return result;
 };
-const computedFontSize = ({ props, state }) => () => {
+const computedFontSize = ({ props, state, mode }) => () => {
   let fontSize = "";
   if (props.type === "label" && state.label && !props.min) {
     const length = state.label.length;
@@ -30,13 +30,25 @@ const computedFontSize = ({ props, state }) => () => {
       5: "18px",
       6: "16px"
     };
-    fontSize = sizeMap[length];
+    const mfsizeMap = {
+      1: `${state.size / 1.5}px`,
+      2: `${state.size / 3}px`,
+      3: `${state.size / 4.5}px`,
+      4: `${state.size / 6}px`,
+      5: `${state.size / 7.5}px`,
+      6: `${state.size / 9}px`
+    };
+    if (mode === "mobile-first") {
+      fontSize = mfsizeMap[length];
+    } else {
+      fontSize = sizeMap[length];
+    }
   }
   return { fontSize };
 };
 const computedLabel = ({ state, props }) => () => props.min ? state.internalValue.substr(0, 2) : state.internalValue.substr(0, 6);
-const getInternalValue = (props) => () => {
-  if (!props.modelValue) {
+const getInternalValue = ({ props }) => () => {
+  if (props.modelValue === null) {
     let result = "";
     if (props.type === "icon") {
       result = "icon-user";
@@ -48,31 +60,14 @@ const getInternalValue = (props) => () => {
     return props.modelValue;
   }
 };
-const computedSize = ({ props, state }) => () => {
-  let size = props.size;
-  if (typeof size === "string") {
-    switch (size) {
-      case "large":
-        size = 64;
-        break;
-      case "medium":
-        size = 40;
-        break;
-      case "small":
-        size = 22;
-        break;
-      default:
-        size = 40;
-        break;
-    }
-  }
-  return size;
-};
+const handleClick = (emit) => (event) => emit("click", event);
+const mouseEnter = (emit) => (event) => emit("mouseenter", event);
 export {
   computedFontSize,
   computedLabel,
   computedMessage,
-  computedSize,
   computedStyle,
-  getInternalValue
+  getInternalValue,
+  handleClick,
+  mouseEnter
 };