@opentiny/vue-renderless 3.20.3 → 3.21.1

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

@@ -1,3 +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-6189e4c9.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-eaf82b7a.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +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-6189e4c9.js';
+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-eaf82b7a.js';
 import './shared.type.js';

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

@@ -83,7 +83,7 @@ declare const userContactProps: {
 declare const getUserHref: ({ api, props }: {
     api: any;
     props: any;
-}) => () => any;
+}) => () => string;
 declare const doUserAction: ({ api, props, state, eSpaceCtrl }: {
     api: any;
     props: any;

package/upload-dragger/index.js

@@ -1,45 +1,70 @@
 import "../chunk-G2ADBYYC.js";
 const onDragOver = ({ props, state }) => () => !props.disabled && (state.dragover = true);
-const onDrop = ({ emit, props, state }) => (event) => {
-  var _a;
+const onDrop = ({ emit, props, state }) => async (event) => {
   if (props.disabled || !state.uploader) {
     return;
   }
   const accept = state.uploader.accept;
+  let files = event.dataTransfer.files;
+  const isDirectory = event.dataTransfer.items && event.dataTransfer.items[0].webkitGetAsEntry().isDirectory;
+  state.uploadFiles = [];
   state.dragover = false;
-  const files = (_a = event.dataTransfer) == null ? void 0 : _a.files;
+  if (isDirectory) {
+    const fileItems = event.dataTransfer.items[0].webkitGetAsEntry();
+    await readFiles(fileItems, state);
+    files = state.uploadFiles;
+  }
   if (!accept) {
     emit("file", files);
     return;
   }
   const notAcceptedFiles = [];
-  if (files) {
-    Array.from(files).filter((file) => {
-      const { type, name } = file;
-      const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
-      const baseType = type.replace(/\/.*$/, "");
-      let isValid = accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((type2) => {
-        if (/\..+$/.test(type2)) {
-          return extension === type2;
-        }
-        if (/\/\*$/.test(type2)) {
-          return baseType === type2.replace(/\/\*$/, "");
-        }
-        if (/^[^/]+\/[^/]+$/.test(type2)) {
-          return true;
-        }
-        return false;
-      });
-      !isValid && notAcceptedFiles.push(file);
-      return isValid;
+  [].slice.call(files).filter((file) => {
+    const { type, name } = file;
+    const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
+    const baseType = type.replace(/\/.*$/, "");
+    let isValid = accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((type2) => {
+      if (/\..+$/.test(type2)) {
+        return extension === type2;
+      }
+      if (/\/\*$/.test(type2)) {
+        return baseType === type2.replace(/\/\*$/, "");
+      }
+      if (/^[^/]+\/[^/]+$/.test(type2)) {
+        return true;
+      }
+      return false;
     });
-    notAcceptedFiles.length && state.uploader.$emit("drop-error", notAcceptedFiles);
-  }
+    !isValid && notAcceptedFiles.push(file);
+    return isValid;
+  });
+  notAcceptedFiles.length && state.uploader.$emit("drop-error", notAcceptedFiles);
   emit("file", files);
 };
 const watchDragover = ({ state, constants }) => () => {
   state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE].$emit("drag-over", state.dragover);
 };
+async function readFiles(directory, state) {
+  const reader = directory.createReader();
+  const entries = await new Promise((resolve) => {
+    reader.readEntries((entries2) => {
+      resolve(entries2);
+    });
+  });
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    if (entry.isFile) {
+      await new Promise((resolve) => {
+        entry.file((file) => {
+          state.uploadFiles.push(file);
+          resolve(void 0);
+        });
+      });
+    } else if (entry.isDirectory) {
+      await readFiles(entry, state);
+    }
+  }
+}
 export {
   onDragOver,
   onDrop,

package/upload-dragger/vue.js

@@ -4,6 +4,7 @@ const api = ["state", "onDragOver", "onDrop"];
 const renderless = (props, { inject, reactive, ref, watch }, { emit }) => {
   const state = reactive({
     dragover: false,
+    uploadFiles: [],
     uploader: inject("uploader") || ref({ default: "" })
   });
   const constants = state.uploader.$constants || {};

package/upload-list/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 const parsePercentage = () => (val) => parseInt(val, 10);
 const handleClick = ({ props, api, parent }) => (e, file) => {

package/upload-list/vue.js

@@ -25,6 +25,7 @@ import {
 import { getToken, initService } from "../file-upload";
 import { formatFileSize } from "../common/string";
 import { getApi } from "../file-upload/vue";
+import { isBrowser } from "../common/browser";
 const api = [
   "t",
   "state",
@@ -51,7 +52,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
   var _a, _b, _c, _d, _e;
   const api2 = { getApi };
   parent = inject("uploader").$children[0];
-  const constants = parent.$constants;
+  const constants = isBrowser ? parent.$constants : null;
   const $service = initService({ props, service });
   const { current } = useBreakpoint();
   const state = reactive({

package/user/index.js

@@ -6,7 +6,7 @@ import debounce from "../common/deps/debounce";
 import { toDateStr } from "../common/date";
 import { toJsonStr } from "../common/object";
 import { toJson } from "../common/string";
-import { log } from "../common/xss";
+import { log } from "@opentiny/utils";
 const toLowerCase = (val) => {
   return typeof val === "string" ? val.toLowerCase() : val;
 };

package/user-contact/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const getUserHref = ({ api, props }) => () => {
   let href = "javascript:;";
   if (!props.isNewImMode) {

package/year-table/index.js

@@ -7,7 +7,7 @@ const getIsDefault = ({ props }) => (year) => {
   return Array.isArray(defaultValue) ? defaultValue.some((v) => v && v.getFullYear() === year) : defaultValue && defaultValue.getFullYear() === year;
 };
 const getIsDisabled = ({ props }) => (year) => {
-  return props.selectionMode.startsWith("year") && typeof props.disabledDate === "function" ? props.disabledDate(year) : false;
+  return props.selectionMode.startsWith("year") && typeof props.disabledDate === "function" ? props.disabledDate(new Date(year, 0, 1, 0)) : false;
 };
 const getIsCurrent = ({ props }) => (year) => {
   const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
@@ -49,7 +49,7 @@ const getRows = ({ props, state, vm }) => () => {
       cell.text = year;
       cell.type = isToday ? DATEPICKER.Today : DATEPICKER.Normal;
       if (props.selectionMode.startsWith("year")) {
-        cell.disabled = typeof disabledDate === "function" && disabledDate(year);
+        cell.disabled = typeof disabledDate === "function" && disabledDate(new Date(year, 0, 1, 0));
       }
       if (selectionMode === DATEPICKER.YearRange) {
         const minYear = typeof minDate === "object" && minDate ? minDate.getFullYear() : minDate;

package/common/xss.js

@@ -1,191 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import * as xss$1 from "xss";
-let getWindow = function() {
-  return typeof window === "undefined" ? global : window;
-};
-let xssOptions = {
-  enableAttrs: true,
-  enableHtml: true,
-  enableUrl: true,
-  html: {
-    whiteList: {
-      a: ["class", "style", "contenteditable", "data-id", "data-title", "data-size", "data-last-modified", "href"],
-      address: ["class", "style"],
-      area: ["class", "style"],
-      article: ["class", "style"],
-      aside: ["class", "style"],
-      audio: ["class", "style"],
-      b: ["class", "style"],
-      bdi: ["class", "style"],
-      bdo: ["class", "style"],
-      big: ["class", "style"],
-      blockquote: ["class", "style"],
-      br: ["class", "style"],
-      caption: ["class", "style"],
-      center: ["class", "style"],
-      cite: ["class", "style"],
-      code: ["class", "style"],
-      col: ["class", "style"],
-      colgroup: ["class", "style"],
-      dd: ["class", "style"],
-      del: ["class", "style"],
-      details: ["class", "style"],
-      div: [
-        "class",
-        "style",
-        "spellcheck",
-        "data-gramm",
-        "spellcheck",
-        "data-mode",
-        "data-position",
-        "data-row",
-        "data-cell",
-        "data-rowspan",
-        "data-colspan",
-        "data-cell-bg",
-        "data-parent-bg"
-      ],
-      dl: ["class", "style"],
-      dt: ["class", "style"],
-      em: ["class", "style"],
-      figcaption: ["class", "style"],
-      figure: ["class", "style"],
-      font: ["class", "style"],
-      footer: ["class", "style"],
-      h1: ["class", "style"],
-      h2: ["class", "style"],
-      h3: ["class", "style"],
-      h4: ["class", "style"],
-      h5: ["class", "style"],
-      h6: ["class", "style"],
-      header: ["class", "style"],
-      hr: ["class", "style"],
-      i: ["class", "style", "data-image-id", "data-image"],
-      img: ["class", "style", "devui-editorx-image", "style", "data-image-id", "src"],
-      input: ["class", "style", "data-formula", "data-link", "data-video"],
-      ins: ["class", "style"],
-      li: ["class", "style"],
-      mark: ["class", "style"],
-      nav: ["class", "style"],
-      ol: ["class", "style"],
-      p: ["class", "style"],
-      pre: ["class", "style"],
-      s: ["class", "style"],
-      section: ["class", "style"],
-      small: ["class", "style"],
-      span: ["class", "style", "contenteditable", "color", "style"],
-      sub: ["class", "style"],
-      summary: ["class", "style"],
-      sup: ["class", "style"],
-      strong: ["class", "style"],
-      strike: ["class", "style"],
-      svg: ["class", "style", "t", "viewBox", "version", "xmlns", "p-id", "xmlns:xlink"],
-      path: ["d", "p-id"],
-      table: ["class", "style"],
-      tbody: ["class", "style"],
-      td: ["class", "style", "data-row", "data-cell", "data-cell-bg", "data-parent-bg"],
-      tfoot: ["class", "style"],
-      th: ["class", "style"],
-      thead: ["class", "style"],
-      tr: ["class", "style", "data-row"],
-      tt: ["class", "style"],
-      u: ["class", "style"],
-      ul: ["class", "style"],
-      video: ["class", "style"]
-    }
-  }
-};
-let defaultWhiteList = xss$1.getDefaultWhiteList && xss$1.getDefaultWhiteList() || {};
-xssOptions.html.whiteList = Object.assign(defaultWhiteList, xssOptions.html.whiteList);
-let xssFilterHtml = new xss$1.FilterXSS(xssOptions.html);
-let getXssOption = function() {
-  return xssOptions;
-};
-let setXssOption = function(option) {
-  let _a;
-  let whiteList;
-  if ((_a = option === null || option === void 0 ? void 0 : option.html) === null || _a === void 0 ? void 0 : _a.whiteList) {
-    whiteList = Object.assign(xssOptions.html.whiteList, option.html.whiteList);
-  }
-  xssOptions = Object.assign(xssOptions, option);
-  if (whiteList) {
-    xssOptions.html.whiteList = whiteList;
-  }
-  xssFilterHtml = new xss$1.FilterXSS(xssOptions.html);
-};
-let filterHtml = function(content) {
-  if (!xssOptions.enableHtml || typeof content !== "string") {
-    return content;
-  }
-  return xssFilterHtml.process(content);
-};
-let setFilterHtml = function(filter) {
-  filterHtml = filter;
-};
-let filterAttrs = function(content) {
-  if (!xssOptions.enableAttrs || typeof content !== "string") {
-    return content;
-  }
-  return content.replace(/<.*?>/gi, "").replace(/on[a-z]+=/gi, "");
-};
-let setFilterAttrs = function(filter) {
-  filterAttrs = filter;
-};
-let filterUrl = function(content) {
-  if (!xssOptions.enableUrl || typeof content !== "string") {
-    return content;
-  }
-  let filteredUrl = content.replace(/&#(\w+)(^\w|;)?/g, (match, dec) => String.fromCharCode(dec)).trim();
-  if (!filteredUrl) {
-    return "";
-  }
-  if ([".", "/"].includes(filteredUrl[0])) {
-    return filteredUrl;
-  }
-  let urlParse = filteredUrl.match(/^([^:]+):/gm);
-  if (!urlParse) {
-    return filteredUrl;
-  }
-  if (/^([^\w]*)(javascript|data|vbscript)/im.test(urlParse[0])) {
-    return "";
-  }
-  return filteredUrl;
-};
-let setFilterUrl = function(filter) {
-  filterUrl = filter;
-};
-let index = {
-  getXssOption,
-  setXssOption,
-  filterHtml,
-  setFilterHtml,
-  filterAttrs,
-  setFilterAttrs,
-  filterUrl,
-  setFilterUrl
-};
-let xss = Object.freeze({
-  __proto__: null,
-  getXssOption,
-  setXssOption,
-  get filterHtml() {
-    return filterHtml;
-  },
-  setFilterHtml,
-  get filterAttrs() {
-    return filterAttrs;
-  },
-  setFilterAttrs,
-  get filterUrl() {
-    return filterUrl;
-  },
-  setFilterUrl,
-  "default": index
-});
-let log = { logger: getWindow().console };
-let def = { xss, log };
-export {
-  def as default,
-  log,
-  xss
-};