@toolmain/components 1.0.0 → 1.1.0

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
-import { CSSProperties } from '@toolmain/shared';
+import type * as CSS_2 from 'csstype';
 import { DefineComponent } from 'vue';
-import { FixedArray } from '@toolmain/shared';
 import type { MaybeRef } from 'vue';
 import { PublicProps } from 'vue';
 
@@ -68,6 +67,12 @@ declare type AnimateDir = "left" | "top" | "bottom" | "right" | "self" | "center
     y?: number;
 };
 
+declare type ArrMutKeys = "splice" | "push" | "pop" | "shift" | "unshift";
+
+declare interface CSSProperties extends CSS_2.Properties<string | number>, CSS_2.PropertiesHyphen<string | number> {
+    [v: `--${string}`]: string | number | undefined;
+}
+
 declare type Dir = "horizontal" | "vertical" | "any";
 
 declare interface DragAttr {
@@ -91,6 +96,13 @@ declare interface DragAttr {
     height: number | InitType;
 }
 
+/**
+ * 定长数组类型
+ */
+declare type FixedArray<T, L extends number> = Pick<T[], Exclude<keyof T[], ArrMutKeys>> & {
+    readonly length: L;
+};
+
 declare type InitType = "auto" | "inherit" | "initial" | "unset";
 
 declare interface MoveHook {

package/dist/index.js

@@ -1,8 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}[top~="0"]{top:0}.hidden{display:none}.flex{display:flex}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize,[resize=""]{resize:both}.px,[px=""]{padding-left:1rem;padding-right:1rem}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.comp-affix .comp-affix-inner[data-v-4c40ccd8]{transition:box-shadow .3s;border-radius:1rem}.comp-affix .comp-affix-inner.fix[data-v-4c40ccd8]{position:fixed;box-shadow:var(--el-box-shadow);background-color:var(--el-card-bg-color)}.p-t[data-v-cb7f9cc6],.p-r[data-v-cb7f9cc6],.p-b[data-v-cb7f9cc6],.p-l[data-v-cb7f9cc6],.p-lt[data-v-cb7f9cc6],.p-rt[data-v-cb7f9cc6],.p-lb[data-v-cb7f9cc6],.p-rb[data-v-cb7f9cc6]{z-index:var(--61c40759);position:absolute}.p-b[data-v-cb7f9cc6],.p-t[data-v-cb7f9cc6],.p-r[data-v-cb7f9cc6],.p-l[data-v-cb7f9cc6]{background-color:transparent;border-radius:4px}.p-b[data-v-cb7f9cc6],.p-t[data-v-cb7f9cc6]{height:4px;left:4px;right:4px}.p-r[data-v-cb7f9cc6],.p-l[data-v-cb7f9cc6]{width:4px;top:4px;bottom:4px}.p-lt[data-v-cb7f9cc6],.p-rt[data-v-cb7f9cc6],.p-lb[data-v-cb7f9cc6],.p-rb[data-v-cb7f9cc6]{width:0;height:0}.p-b[data-v-cb7f9cc6]{bottom:0;cursor:ns-resize}.p-t[data-v-cb7f9cc6]{top:0;cursor:ns-resize}.p-r[data-v-cb7f9cc6]{right:0;cursor:ew-resize}.p-l[data-v-cb7f9cc6]{left:0;cursor:ew-resize}.p-lt[data-v-cb7f9cc6]{left:0;top:0;cursor:nwse-resize;border-top:.4rem solid transparent;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid transparent}.p-rt[data-v-cb7f9cc6]{right:0;top:0;cursor:nesw-resize;border-top:.4rem solid transparent;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid transparent}.p-lb[data-v-cb7f9cc6]{left:0;bottom:0;cursor:nesw-resize;border-top:.4rem solid transparent;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid transparent}.p-rb[data-v-cb7f9cc6]{right:0;bottom:0;cursor:nwse-resize;border-top:.4rem solid transparent;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid transparent}.dragContainer[data-v-d123b73c]{display:flex;flex-direction:column;transform-origin:0 0}.dragContainer>.dragHeader[data-v-d123b73c]{flex-shrink:0;display:flex}.dragContainer>.scaleContent[data-v-d123b73c]{flex:1;overflow:hidden;position:relative;display:flex}.dragMask[data-v-d123b73c]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100}')),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import { defineComponent as be, useTemplateRef as te, shallowRef as ee, computed as $, reactive as Ae, onMounted as De, onBeforeUnmount as Me, createElementBlock as Q, openBlock as j, normalizeStyle as J, normalizeClass as pe, createElementVNode as Oe, renderSlot as we, useCssVars as ze, createCommentVNode as re, Fragment as Be, renderList as $e, withDirectives as Ve, vShow as We, unref as Pe, ref as Te, toValue as ye, watch as q, toRef as oe, createBlock as Ce, Teleport as Ue } from "vue";
-import { px as X, z as je, getStyleValue as Se, isBoolean as ke, isNumber as G, toNumber as w, merge as Ge } from "@toolmain/shared";
-import { useElementBounding as le, useIntersectionObserver as _e, useThrottleFn as Ke, useDebounceFn as qe } from "@vueuse/core";
-import { useEvent as ue, useFlip as Je } from "@toolmain/libs";
+import { px as X, useEvent as ue, z as je, getStyleValue as Se, isBoolean as ke, isNumber as G, toNumber as w, useFlip as Ge, merge as Ke } from "@toolmain/shared";
+import { useElementBounding as le, useIntersectionObserver as _e, useThrottleFn as qe, useDebounceFn as Je } from "@vueuse/core";
 const ae = 2, Qe = /* @__PURE__ */ be({
   __name: "index",
   props: {
@@ -95,7 +94,7 @@ const ae = 2, Qe = /* @__PURE__ */ be({
     function I() {
       h.value = s.value?.firstElementChild, e.target && (d.value = document.querySelector(e.target)), A();
     }
-    const D = Ke(g, 250, !0);
+    const D = qe(g, 250, !0);
     return De(() => {
       I(), window.addEventListener("resize", D);
     }), Me(() => {
@@ -124,7 +123,7 @@ const ae = 2, Qe = /* @__PURE__ */ be({
   for (const [s, h] of l)
     c[s] = h;
   return c;
-}, vt = /* @__PURE__ */ Ee(Qe, [["__scopeId", "data-v-4c40ccd8"]]);
+}, ft = /* @__PURE__ */ Ee(Qe, [["__scopeId", "data-v-4c40ccd8"]]);
 function Re() {
   return {
     x: 0,
@@ -379,7 +378,7 @@ function Ye(e) {
   };
 }
 function it(e, l, c, s, h, d, i) {
-  const { setNormal: R, setTranslate: T, setPrevTranslate: y } = Xe(s), { get: S, set: a } = Ye(h), x = Te(ye(S("position"))), n = qe(
+  const { setNormal: R, setTranslate: T, setPrevTranslate: y } = Xe(s), { get: S, set: a } = Ye(h), x = Te(ye(S("position"))), n = Je(
     async () => {
       e.value.autoStick && (typeof e.value.autoStick == "boolean" ? await c.value?.autoStick(!0) : await c.value?.stickTo(e.value.autoStick, !0));
     },
@@ -432,7 +431,7 @@ var He = /* @__PURE__ */ ((e) => (e.NORMAL = "NORMAL", e.HIDDEN = "HIDDEN", e))(
 const rt = (e) => {
   const { getTranslate: l, setTranslate: c, setScale: s, setPrevTranslate: h, getScale: d } = Xe(e.dragOffset);
   let i = e.parent;
-  const R = Je(), T = ue(), y = Te(
+  const R = Ge(), T = ue(), y = Te(
     "NORMAL"
     /* NORMAL */
   ), S = {
@@ -467,7 +466,7 @@ const rt = (e) => {
   function o(t, f) {
     const r = { x: 0, y: 0, w: 0, h: 0 };
     if (!e.targetEle.value) return r;
-    const v = Ge(
+    const v = Ke(
       {
         x: (W, U, Fe, Ne) => U,
         y: (W, U, Fe, Ne) => U,
@@ -873,8 +872,8 @@ const ot = (e) => {
       ], 8, ["disabled"]))
     ], 4));
   }
-}), dt = /* @__PURE__ */ Ee(st, [["__scopeId", "data-v-d123b73c"]]);
+}), vt = /* @__PURE__ */ Ee(st, [["__scopeId", "data-v-d123b73c"]]);
 export {
-  vt as Affix,
-  dt as ScalePanel
+  ft as Affix,
+  vt as ScalePanel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolmain/components",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -30,8 +30,8 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@toolmain/shared": "^1.0.0",
-    "@toolmain/libs": "^1.0.0"
+    "@toolmain/shared": "^1.1.0",
+    "@toolmain/libs": "^1.1.0"
   },
   "scripts": {
     "build": "vue-tsc -p tsconfig.json --declaration --emitDeclarationOnly && vite build && api-extractor run"