@opentiny/vue-renderless 3.10.7 → 3.11.0

package/color-select-panel/utils/color.js

@@ -0,0 +1,97 @@
+import "../../chunk-G2ADBYYC.js";
+import { hsv, rgb } from "color";
+function hexToRgb(hex) {
+  let r = parseInt(hex.substring(1, 3), 16);
+  let g = parseInt(hex.substring(3, 5), 16);
+  let b = parseInt(hex.substring(5, 7), 16);
+  let a = parseInt(hex.slice(7), 16) / 255;
+  return { r, g, b, a: a * 100 };
+}
+const normalizeHexColor = (color) => {
+  let normalizedColor = color.replace("#", "");
+  if (normalizedColor.length === 3) {
+    normalizedColor = normalizedColor.split("").map((char) => char + char).join("");
+  }
+  normalizedColor = normalizedColor.padEnd(6, "0");
+  const r = parseInt(normalizedColor.substr(0, 2), 16);
+  const g = parseInt(normalizedColor.substr(2, 2), 16);
+  const b = parseInt(normalizedColor.substr(4, 2), 16);
+  let a = 255;
+  if (normalizedColor.length === 8) {
+    a = parseInt(normalizedColor.slice(6), 16);
+  }
+  const hexR = ("0" + r.toString(16)).slice(-2);
+  const hexG = ("0" + g.toString(16)).slice(-2);
+  const hexB = ("0" + b.toString(16)).slice(-2);
+  const alpha = ("0" + a.toString(16)).slice(-2);
+  return `#${hexR}${hexG}${hexB}${alpha}`;
+};
+class Color {
+  constructor(value, alpha = false) {
+    this.hex = "#000";
+    this.h = 0;
+    this.s = 0;
+    this.v = 0;
+    this.a = 100;
+    this.enableAlpha = false;
+    this.reset(value);
+    this.enableAlpha = alpha;
+  }
+  reset(hex) {
+    if (this.hex === "transparent") {
+      this.h = 0;
+      this.s = 0;
+      this.v = 0;
+      this.a = 0;
+      return;
+    }
+    this.hex = normalizeHexColor(hex);
+    const { r, g, b, a } = hexToRgb(this.hex);
+    const { h, s, v } = rgb([r, g, b, a]).hsv().object();
+    this.h = h;
+    this.s = s;
+    this.v = v;
+    this.a = a;
+  }
+  set({ h, s, v, a }) {
+    this.h = h != null ? h : this.h;
+    this.s = s != null ? s : this.s;
+    this.v = v != null ? v : this.v;
+    this.a = a != null ? a : this.a;
+  }
+  /**
+   *
+   * @returns [R,G,B]
+   */
+  getRGB() {
+    return hsv(this.h, this.s, this.v).rgb().array();
+  }
+  getHex() {
+    if (!this.enableAlpha) {
+      return hsv(this.h, this.s, this.v).hex().toString();
+    }
+    return hsv(this.h, this.s, this.v, this.a / 100).hexa().toString();
+  }
+  /**
+   *
+   * @returns [h,s,l]
+   */
+  getHSL() {
+    return hsv(this.h, this.s, this.v).hsl().unitArray();
+  }
+  getHSV() {
+    return {
+      h: this.h,
+      s: this.s,
+      v: this.v,
+      a: this.a
+    };
+  }
+  get(key) {
+    return this[key];
+  }
+}
+export {
+  Color as default,
+  normalizeHexColor
+};

package/color-select-panel/utils/use-drag.js

@@ -0,0 +1,38 @@
+import "../../chunk-G2ADBYYC.js";
+let isDragging = false;
+function draggable(element, options) {
+  const moveFn = function(event) {
+    var _a;
+    (_a = options.drag) == null ? void 0 : _a.call(options, event);
+  };
+  const upFn = function(event) {
+    var _a;
+    document.removeEventListener("mousemove", moveFn);
+    document.removeEventListener("mouseup", upFn);
+    document.removeEventListener("touchmove", moveFn);
+    document.removeEventListener("touchend", upFn);
+    document.onselectstart = null;
+    document.ondragstart = null;
+    isDragging = false;
+    (_a = options.end) == null ? void 0 : _a.call(options, event);
+  };
+  const downFn = function(event) {
+    var _a;
+    if (isDragging)
+      return;
+    event.preventDefault();
+    document.onselectstart = () => false;
+    document.ondragstart = () => false;
+    document.addEventListener("mousemove", moveFn);
+    document.addEventListener("mouseup", upFn);
+    document.addEventListener("touchmove", moveFn);
+    document.addEventListener("touchend", upFn);
+    isDragging = true;
+    (_a = options.start) == null ? void 0 : _a.call(options, event);
+  };
+  element.addEventListener("mousedown", downFn);
+  element.addEventListener("touchstart", downFn);
+}
+export {
+  draggable
+};

package/color-select-panel/vue.js

@@ -0,0 +1,92 @@
+import "../chunk-G2ADBYYC.js";
+import Color from "./utils/color";
+import {
+  onConfirm,
+  onCancel,
+  onHSVUpdate,
+  onAlphaUpdate,
+  handleHistoryClick,
+  handlePredefineClick
+} from ".";
+const api = [
+  "state",
+  "changeVisible",
+  "cursor",
+  "onColorUpdate",
+  "onHueUpdate",
+  "onSVUpdate",
+  "onConfirm",
+  "onCancel",
+  "onAlphaUpdate",
+  "onHistoryClick",
+  "onPredefineColorClick",
+  "alpha"
+];
+const renderless = (props, context, { emit }) => {
+  var _a, _b, _c, _d, _e, _f;
+  const { modelValue, visible, history, predefine } = context.toRefs(props);
+  const hex = context.ref((_a = modelValue == null ? void 0 : modelValue.value) != null ? _a : "transparent");
+  const res = context.ref((_b = modelValue == null ? void 0 : modelValue.value) != null ? _b : "transparent");
+  const triggerBg = context.ref((_c = modelValue == null ? void 0 : modelValue.value) != null ? _c : "transparent");
+  const isShow = context.ref((_d = visible == null ? void 0 : visible.value) != null ? _d : false);
+  const cursor = context.ref();
+  const stack = context.ref(
+    [...(_e = history == null ? void 0 : history.value) != null ? _e : []]
+  );
+  const predefineStack = context.ref(
+    [...(_f = predefine == null ? void 0 : predefine.value) != null ? _f : []]
+  );
+  const enableHistory = history == null ? void 0 : history.value;
+  const enablePredefineColor = predefine == null ? void 0 : predefine.value;
+  const changeVisible = (state2) => {
+    isShow.value = state2;
+  };
+  const color = new Color(hex.value, props.alpha);
+  const state = context.reactive({
+    isShow,
+    hex,
+    color,
+    triggerBg,
+    defaultValue: modelValue,
+    res,
+    stack,
+    predefineStack,
+    enableHistory,
+    enablePredefineColor
+  });
+  context.watch(predefine, (newPredefine) => {
+    predefineStack.value = [...newPredefine];
+  }, { deep: true });
+  context.watch(history, (newHistory) => {
+    stack.value = [...newHistory];
+  }, { deep: true });
+  context.watch(modelValue, (newValue) => {
+    hex.value = newValue;
+    res.value = newValue;
+    triggerBg.value = newValue;
+    color.reset(hex.value);
+  });
+  context.watch(visible, (visible2) => {
+    isShow.value = visible2;
+  });
+  const { onHueUpdate, onSVUpdate } = onHSVUpdate(color, res, hex, emit);
+  const { update } = onAlphaUpdate(color, res);
+  const api2 = {
+    state,
+    changeVisible,
+    onHueUpdate,
+    onSVUpdate,
+    onConfirm: onConfirm(hex, triggerBg, res, emit, stack, enableHistory),
+    onCancel: onCancel(res, triggerBg, emit, isShow, hex, color),
+    onAlphaUpdate: update,
+    onHistoryClick: handleHistoryClick(hex, res, color),
+    onPredefineColorClick: handlePredefineClick(hex, res, color),
+    cursor,
+    alpha: props.alpha
+  };
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/column-list-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const api = ["state"];
 const renderless = (props, { reactive }) => {
   const api2 = {};

package/column-list-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { isNull } from "../common/type";
 const handelIconClick = ({ emit }) => (item, index) => {
   if (item.disabled)

package/column-list-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   handelIconClick,
   handleChange,

package/common/array.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { SORT } from "./index";
 import { isSame } from "./type";
 import { getObj } from "./object";

package/common/bigInt.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { fillChar } from "./string";
 import { isBrowser } from "./browser";
 const BigInt = isBrowser ? window.BigInt : global.BigInt;
@@ -43,7 +43,12 @@ function validateNumber(num) {
   if (!num) {
     return false;
   }
-  return /^\s*-?\d+(\.\d+)?\s*$/.test(num) || /^\s*-?\d+\.\s*$/.test(num) || /^\s*-?\.\d+\s*$/.test(num);
+  return (
+    // Normal type: 11.28
+    /^\s*-?\d+(\.\d+)?\s*$/.test(num) || // Pre-number: 1.
+    /^\s*-?\d+\.\s*$/.test(num) || // Post-number: .1
+    /^\s*-?\.\d+\s*$/.test(num)
+  );
 }
 function getNumberPrecision(number) {
   let numStr = String(number);
@@ -120,7 +125,7 @@ class BigIntDecimal {
       const trimRet = trimNumber(mergedValue);
       this.negative = trimRet.negative;
       const numbers = trimRet.trimStr.split(".");
-      this.integer = BigInt(numbers[0]);
+      this.integer = numbers[0].indexOf("e") === -1 ? BigInt(numbers[0]) : numbers[0];
       const decimalStr = numbers[1] || "0";
       this.decimal = convertBigInt(decimalStr);
       this.decimalLen = decimalStr.length;
@@ -137,6 +142,10 @@ class BigIntDecimal {
   getMark() {
     return this.negative ? "-" : "";
   }
+  /**
+   * Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000
+   * This is used for add function only.
+   */
   alignDecimal(decimalLength) {
     const string = `${this.getMark()}${this.getIntegerStr()}${this.getDecimalStr().padEnd(decimalLength, "0")}`;
     return BigInt(string);

package/common/browser.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const getIEVersion = () => {
   let version = 8;
   if (!!document.addEventListener && !!window.performance) {

package/common/calendar/calendar.js

@@ -0,0 +1,97 @@
+import "../../chunk-G2ADBYYC.js";
+import { isLeapYear } from "../date";
+const getDays = (year, month) => {
+  return [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
+};
+const getWeek = (year, month, day) => (/* @__PURE__ */ new Date(`${year}/${month}/${day}`)).getDay();
+const lastMonth = (year, month) => {
+  year = +year;
+  month = +month;
+  if (month === 1) {
+    year--;
+    month = 12;
+  } else {
+    month--;
+  }
+  return { year, month };
+};
+const nextMonth = (year, month) => {
+  year = +year;
+  month = +month;
+  if (month === 12) {
+    year++;
+    month = 1;
+  } else {
+    month++;
+  }
+  return { year, month };
+};
+const getCalendar = (year, month) => {
+  if (year && month && month <= 12) {
+    const days = getDays(year, month);
+    const firstWeek = getWeek(year, month, 1);
+    const lastWeek = getWeek(year, month, days);
+    const last = lastMonth(year, month);
+    const next = nextMonth(year, month);
+    const lastDays = getDays(last.year, last.month);
+    let remainDays = 0;
+    const totalDays = days + firstWeek + 7 - lastWeek - 1;
+    if (totalDays / 7 < 6 && totalDays / 7 >= 5) {
+      remainDays = 6 * 7 - totalDays;
+    }
+    return {
+      last: {
+        year: last.year,
+        month: last.month,
+        start: lastDays - (firstWeek - 1),
+        end: lastDays
+      },
+      current: {
+        year,
+        month,
+        start: 1,
+        end: days
+      },
+      next: {
+        year: next.year,
+        month: next.month,
+        start: 1,
+        end: 7 - lastWeek - 1 + remainDays
+      }
+    };
+  }
+};
+const transformArray = (array) => {
+  const result = [];
+  let index = 0;
+  if (array && array.length) {
+    const length = array.length / 7;
+    for (let i = 0; i < length; i++) {
+      result[i] = [];
+      for (let j = 0; j < 7; j++) {
+        result[i][j] = array[index++];
+      }
+    }
+  }
+  return result;
+};
+const parseDate = (time) => {
+  const date = new Date(time && typeof time === "number" ? time : 0);
+  return {
+    year: date.getFullYear(),
+    month: date.getMonth() + 1,
+    day: date.getDate(),
+    hours: date.getHours(),
+    minutes: date.getMinutes(),
+    seconds: date.getSeconds()
+  };
+};
+export {
+  getCalendar,
+  getDays,
+  getWeek,
+  lastMonth,
+  nextMonth,
+  parseDate,
+  transformArray
+};

package/common/dataset/index.js

@@ -1,7 +1,7 @@
 import {
   __objRest,
   __spreadValues
-} from "../../chunk-PKUHTIDK.js";
+} from "../../chunk-G2ADBYYC.js";
 import { format } from "../string";
 import { isObject } from "../type";
 import { transformTreeData } from "../array";

package/common/date.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { isDate, isNumber, isNumeric } from "./type";
 import { fillChar } from "./string";
 const daysInMonths = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
@@ -314,7 +314,7 @@ const toDateStr = (date, dateFormat, timezone) => {
 };
 const getWeekOfFirstDay = (date, isSunFirst) => {
   typeof date === "boolean" && (isSunFirst = date);
-  isDate(date) || (date = new Date());
+  isDate(date) || (date = /* @__PURE__ */ new Date());
   const day = date.getDay();
   let dayOfMonth = date.getDate();
   if (day === 0) {
@@ -325,7 +325,7 @@ const getWeekOfFirstDay = (date, isSunFirst) => {
   return new Date(date.getFullYear(), date.getMonth(), dayOfMonth);
 };
 const TZRE = /(-|\+)(\d{2}):?(\d{2})$/;
-const getLocalTimezone = () => 0 - new Date().getTimezoneOffset() / 60;
+const getLocalTimezone = () => 0 - (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60;
 const getStrTimezone = (value) => {
   const localTimeZone = getLocalTimezone();
   const match = typeof value === "string" && value.match(TZRE);

package/common/decimal.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getMiniDecimal, toFixed as roundFixed } from "./bigInt";
 const DECIMAL_SEPARATOR = ".";
 const asInteger = (number) => {

package/common/deps/ResizeObserver.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import { on, off } from "./dom";
 import { isBrowser } from "../browser";
 const MapShim = function() {

package/common/deps/after-leave.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 const AfterLave = "after-leave";
 const Speed = 300;
 var after_leave_default = (instance, callback, speed = Speed, once = false) => {

package/common/deps/clickoutside.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import { on } from "./dom";
 const isServer = typeof window === "undefined";
 const nodeList = [];

package/common/deps/date-util.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import fecha from "./date";
 import { isNull } from "../type";
 import { isLeapYear } from "../date";

package/common/deps/date.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import { DATEPICKER } from "../index";
 import { isNull, isDate } from "../type";
 const fecha = {};
@@ -109,7 +109,7 @@ const parseFlags = {
   yy: [
     twoDigits,
     (date, value) => {
-      const now = new Date();
+      const now = /* @__PURE__ */ new Date();
       const cent = Number(String(now.getFullYear()).substr(0, 2));
       date.year = String(value > 68 ? cent - 1 : cent) + value;
     }
@@ -228,7 +228,7 @@ const getNewFormat = (format, parseInfo) => {
 };
 const getDate = (dateInfo) => {
   let date;
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   if (!isNull(dateInfo.timezoneOffset)) {
     dateInfo.minute = Number(dateInfo.minute || 0) - Number(dateInfo.timezoneOffset);
     const { year, month, day, hour, minute, second, millisecond } = dateInfo;

package/common/deps/debounce.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import throttle from "./throttle";
 function debounce_default(delay, atBegin, callback) {
   return callback === void 0 ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);

package/common/deps/dom.js

@@ -1,41 +1,20 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 import { hasOwn, isObject, isNull } from "../type";
 const isServer = typeof window === "undefined";
 const SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
 const MOZ_HACK_REGEXP = /^moz([A-Z])/;
-const ieVersion = isServer ? 0 : Number(document.documentMode);
-const trim = (string) => (string || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
 const camelCase = (name) => name.replace(SPECIAL_CHARS_REGEXP, (_, separator, letter, offset) => offset ? letter.toUpperCase() : letter).replace(MOZ_HACK_REGEXP, "Moz$1");
-const on = (() => {
-  if (!isServer) {
-    return (el, event, handler) => {
-      if (el && event && handler) {
-        el.addEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return (el, event, handler) => {
-      if (el && event && handler) {
-        el.attachEvent("on" + event, handler);
-      }
-    };
+const on = (el, event, handler) => {
+  if (el && event && handler) {
+    el.addEventListener(event, handler, false);
   }
-})();
-const off = (() => {
-  if (!isServer) {
-    return (el, event, handler) => {
-      if (el && event) {
-        el.removeEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return (el, event, handler) => {
-      if (el && event) {
-        el.detachEvent("on" + event, handler);
-      }
-    };
+};
+const off = (el, event, handler) => {
+  window.document;
+  if (el && event) {
+    el.removeEventListener(event, handler, false);
   }
-})();
+};
 const once = (el, event, fn) => {
   const listener = function() {
     if (fn) {
@@ -55,47 +34,20 @@ const hasClass = (el, clazz) => {
   if (el.classList) {
     return el.classList.contains(clazz);
   }
-  return (" " + el.className + " ").includes(" " + clazz + " ");
 };
-const addClass = (el, clazz) => {
+const addClass = (el, clazz = "") => {
   if (!el) {
     return;
   }
-  const classes = (clazz || "").split(" ");
-  let curClass = el.className;
-  for (let i = 0, len = classes.length; i < len; i++) {
-    const clsName = classes[i];
-    if (clsName) {
-      if (el.classList) {
-        el.classList.add(clsName);
-      } else if (!hasClass(el, clsName)) {
-        curClass += " " + clsName;
-      }
-    }
-  }
-  if (!el.classList) {
-    el.className = curClass;
-  }
+  const classes = clazz.split(" ").filter((name) => name);
+  classes.forEach((clsName) => el.classList.add(clsName));
 };
 const removeClass = (el, clazz) => {
   if (!el || !clazz) {
     return;
   }
-  const classes = clazz.split(" ");
-  let curClass = " " + el.className + " ";
-  for (let i = 0, len = classes.length; i < len; i++) {
-    const clsName = classes[i];
-    if (clsName) {
-      if (el.classList) {
-        el.classList.remove(clsName);
-      } else if (hasClass(el, clsName)) {
-        curClass = curClass.replace(" " + clsName + " ", " ");
-      }
-    }
-  }
-  if (!el.classList) {
-    el.className = trim(curClass);
-  }
+  const classes = clazz.split(" ").filter((name) => name);
+  classes.forEach((clsName) => el.classList.remove(clsName));
 };
 const getStyle = (el, styleName) => {
   if (isServer) {
@@ -109,8 +61,11 @@ const getStyle = (el, styleName) => {
     styleName = "cssFloat";
   }
   try {
-    const computed = document.defaultView.getComputedStyle(el, "");
-    return el.style[styleName] || computed ? computed[styleName] : null;
+    if (el.style[styleName]) {
+      return el.style[styleName];
+    }
+    const computed = window.getComputedStyle(el);
+    return computed ? computed[styleName] : null;
   } catch (e) {
     return el.style[styleName];
   }
@@ -127,11 +82,7 @@ const setStyle = (el, name, value) => {
     }
   } else {
     name = camelCase(name);
-    if (name === "opacity" && ieVersion < 9) {
-      el.style.filter = isNaN(value) ? "" : "alpha(opacity=" + value * 100 + ")";
-    } else {
-      el.style[name] = value;
-    }
+    el.style[name] = value;
   }
 };
 const isScroll = (el, vertical) => {

package/common/deps/eSpaceCtrl.js

@@ -1,4 +1,4 @@
-import "../../chunk-PKUHTIDK.js";
+import "../../chunk-G2ADBYYC.js";
 let ws = null;
 const url = "ws://localhost";
 const ports = [27197, 27198, 27199];

package/common/deps/fastdom/async.js

@@ -1,4 +1,4 @@
-import "../../../chunk-PKUHTIDK.js";
+import "../../../chunk-G2ADBYYC.js";
 import fastdomSingleton from "./singleton";
 const create = (promised, type, fn, ctx) => {
   const tasks = promised._tasks;

package/common/deps/fastdom/index.js

@@ -1,4 +1,4 @@
-import "../../../chunk-PKUHTIDK.js";
+import "../../../chunk-G2ADBYYC.js";
 import fastdom from "./singleton";
 import fastdomAsync from "./async";
 import fastdomSandbox from "./sandbox";

package/common/deps/fastdom/sandbox.js

@@ -1,4 +1,4 @@
-import "../../../chunk-PKUHTIDK.js";
+import "../../../chunk-G2ADBYYC.js";
 import fastdomSingleton from "./singleton";
 const clearAll = (fastdom, tasks) => {
   let i = tasks.length;

package/common/deps/fastdom/singleton.js

@@ -1,4 +1,4 @@
-import "../../../chunk-PKUHTIDK.js";
+import "../../../chunk-G2ADBYYC.js";
 const RAF = window.requestAnimationFrame;
 const scheduleFlush = (fastdom) => {
   if (!fastdom.scheduled) {
@@ -64,7 +64,7 @@ class FastDom {
   }
   extend(props) {
     if (!props || typeof props !== "object")
-      throw new Error("[AUI][FastDom] expected object");
+      throw new Error("[TINY][FastDom] expected object");
     const child = Object.create(this);
     mixin(child, props);
     child.fastdom = this;