@expcat/tigercat-vue 0.4.3 → 1.0.4

package/dist/index.mjs

@@ -1,109 +1,234 @@
-export { Upload } from './chunk-WMM3FR3W.mjs';
-export { TaskBoard } from './chunk-HFBRO2IF.mjs';
-export { TimePicker } from './chunk-NV6GZPJP.mjs';
-export { Tooltip } from './chunk-YCI7GRQY.mjs';
-export { Tree } from './chunk-MJ7RGL34.mjs';
-export { Space } from './chunk-M7EBWJZ5.mjs';
+export { TreeMapChart } from './chunk-5XF5IAUD.mjs';
+export { TreeSelect } from './chunk-EXQSRZJX.mjs';
+export { Upload } from './chunk-LV3BMS4U.mjs';
+export { VirtualList } from './chunk-RSBAFDUA.mjs';
+export { VirtualTable } from './chunk-GMYSHJCU.mjs';
+export { Watermark } from './chunk-MADOTDW7.mjs';
+export { TimePicker } from './chunk-UWL2XUAH.mjs';
+export { Tooltip } from './chunk-564LMZQL.mjs';
+export { Tour } from './chunk-YYZBVHVC.mjs';
+export { Transfer } from './chunk-NMGH5YTV.mjs';
+export { Tree } from './chunk-7DGAOCPX.mjs';
 export { SubMenu } from './chunk-TTDBR2B4.mjs';
+export { SunburstChart } from './chunk-W2WGLETE.mjs';
 export { Switch } from './chunk-XYYZAQ6Z.mjs';
-export { Radio } from './chunk-YZP4K6KI.mjs';
-export { RadioGroup } from './chunk-Y4V7BOVR.mjs';
-export { ScatterChart } from './chunk-ZLYXAZUY.mjs';
-export { Sidebar } from './chunk-WM4ESIHG.mjs';
+export { TaskBoard } from './chunk-XA5QMUZX.mjs';
 export { Skeleton } from './chunk-YEHKQ3JZ.mjs';
 export { Slider } from './chunk-2R5HISQA.mjs';
-export { NotificationContainer, notification } from './chunk-R7DMRLHV.mjs';
-export { NotificationCenter } from './chunk-AO4QQVBB.mjs';
-export { TabPane } from './chunk-37WD7WPC.mjs';
-export { Tabs } from './chunk-U7MDGSCQ.mjs';
-export { Popconfirm } from './chunk-ATGOHL6L.mjs';
-export { Popover } from './chunk-3ZHQJ4W6.mjs';
-import './chunk-WIPPSHI6.mjs';
+export { Space } from './chunk-M7EBWJZ5.mjs';
+export { Splitter } from './chunk-T52TU2RW.mjs';
+export { Statistic } from './chunk-CG3AMK5U.mjs';
+export { Stepper } from './chunk-AGQNHT65.mjs';
+export { Resizable } from './chunk-S276SM7L.mjs';
+export { Result } from './chunk-IZF4VHJ2.mjs';
+export { RichTextEditor } from './chunk-4BMFV4CH.mjs';
+export { ScatterChart } from './chunk-HFCVHAQ6.mjs';
+export { Segmented } from './chunk-ELEAQEMV.mjs';
+export { Sidebar } from './chunk-WM4ESIHG.mjs';
+export { Popover } from './chunk-IOBJYUUO.mjs';
+export { PrintLayout, PrintPageBreak } from './chunk-E2GQSWHK.mjs';
 export { Progress } from './chunk-7LUATGJU.mjs';
-export { RadarChart } from './chunk-IIU6FINW.mjs';
-export { List } from './chunk-EVOLGCGW.mjs';
+export { QRCode } from './chunk-3MC45EXP.mjs';
+export { RadarChart } from './chunk-FK2XBMC3.mjs';
+export { Radio } from './chunk-YZP4K6KI.mjs';
+export { RadioGroup } from './chunk-Y4V7BOVR.mjs';
+export { Rate } from './chunk-BPAN6T7H.mjs';
+export { MenuItemGroup } from './chunk-JHY57P4P.mjs';
+export { Message, MessageContainer } from './chunk-OXOCGMPN.mjs';
+export { NotificationContainer, notification } from './chunk-JGUXQMYL.mjs';
+export { NotificationCenter } from './chunk-EZ6GXQMP.mjs';
+export { TabPane } from './chunk-ZXR4DAAO.mjs';
+export { Tabs } from './chunk-HKYYO326.mjs';
+export { Popconfirm } from './chunk-243JSTYQ.mjs';
+import './chunk-6A57RY3H.mjs';
+export { Layout } from './chunk-PVPLDEC5.mjs';
+export { LineChart } from './chunk-UNR5RUET.mjs';
+export { List } from './chunk-XNORTTVQ.mjs';
+export { Mentions } from './chunk-WLKOJFOC.mjs';
 export { MenuItem } from './chunk-XCJONKFL.mjs';
 export { Menu } from './chunk-3AM6WEUE.mjs';
-export { MenuItemGroup } from './chunk-JHY57P4P.mjs';
-export { Message, MessageContainer } from './chunk-W2OCMRRH.mjs';
-export { Image } from './chunk-MB7W46IY.mjs';
-export { ImageGroup } from './chunk-LDCTSE6Y.mjs';
-import { init_ImagePreview } from './chunk-MMQ34S5M.mjs';
-export { ImagePreview } from './chunk-MMQ34S5M.mjs';
+export { ImageGroup } from './chunk-665NGSV3.mjs';
+export { ImageViewer } from './chunk-HSXB2ASL.mjs';
+export { InfiniteScroll } from './chunk-CQPHZU3H.mjs';
+export { InputGroup, InputGroupAddon } from './chunk-VIIGYWUY.mjs';
 export { InputNumber } from './chunk-LW3LFCRZ.mjs';
-export { Layout } from './chunk-PVPLDEC5.mjs';
-export { LineChart } from './chunk-BS45PHVI.mjs';
-export { DropdownItem } from './chunk-5BAN4GHQ.mjs';
-export { Footer } from './chunk-46DEQQMB.mjs';
-export { FormItem } from './chunk-QERCB3HM.mjs';
-export { Form } from './chunk-5XY7MXWC.mjs';
-export { FormWizard } from './chunk-YCUO6ZKS.mjs';
+export { Kanban } from './chunk-33C5E3AQ.mjs';
+export { FormWizard } from './chunk-QDNTISP7.mjs';
 export { StepsItem } from './chunk-BQEVLY2O.mjs';
 export { Steps } from './chunk-7UU4PULK.mjs';
+export { FunnelChart } from './chunk-KYQAAQKV.mjs';
+export { GaugeChart } from './chunk-JM3ZZYTE.mjs';
 export { Header } from './chunk-IGSAOYXD.mjs';
+export { HeatmapChart } from './chunk-GTSS7RAT.mjs';
 export { Icon } from './chunk-WQXZ3234.mjs';
-export { CropUpload } from './chunk-HTMTOXUO.mjs';
-export { Modal } from './chunk-P47EXOAW.mjs';
+export { Image } from './chunk-YH7N5GZF.mjs';
+import { init_ImagePreview } from './chunk-ZUVR5UZL.mjs';
+export { ImagePreview } from './chunk-ZUVR5UZL.mjs';
+export { DropdownItem } from './chunk-SAMKKXAW.mjs';
+export { Empty } from './chunk-WFISP42H.mjs';
+export { FileManager } from './chunk-OMYSFPX6.mjs';
+export { FloatButton, FloatButtonGroup } from './chunk-PXRF4IJO.mjs';
+export { Footer } from './chunk-46DEQQMB.mjs';
+export { FormItem } from './chunk-MKLJ2LJW.mjs';
+export { Form } from './chunk-WNF7XUX4.mjs';
+export { CropUpload } from './chunk-3PQ2I5IQ.mjs';
+export { Modal } from './chunk-M6PEW6V5.mjs';
 export { ImageCropper } from './chunk-T77L326M.mjs';
-export { DataTableWithToolbar } from './chunk-CWDBL5YC.mjs';
-export { Table } from './chunk-BS52UCMT.mjs';
-export { Select } from './chunk-GALASVSG.mjs';
+export { DataTableWithToolbar } from './chunk-YYRJA6VQ.mjs';
+export { Table } from './chunk-HTG6ISVH.mjs';
+export { Select } from './chunk-QNODDATK.mjs';
 export { Pagination } from './chunk-NHCCPMLC.mjs';
-export { DatePicker } from './chunk-327O6FN7.mjs';
-export { Descriptions } from './chunk-MYF3ZRV3.mjs';
+export { DatePicker } from './chunk-HXLCWM2J.mjs';
+export { Descriptions } from './chunk-DBPY5M7Y.mjs';
 export { Divider } from './chunk-EJCHNSVG.mjs';
-export { DonutChart } from './chunk-ZREPAOSW.mjs';
-export { PieChart } from './chunk-DATFV22V.mjs';
-export { Drawer } from './chunk-7J44XQKW.mjs';
-export { Dropdown } from './chunk-D5CR2P7K.mjs';
+export { DonutChart } from './chunk-ABPOLQLE.mjs';
+export { PieChart } from './chunk-NVJRZYES.mjs';
+export { Drawer } from './chunk-YFD6RD7P.mjs';
+export { Dropdown } from './chunk-3ICMBQPM.mjs';
 export { DropdownMenu } from './chunk-AN3HKOCS.mjs';
 import './chunk-CU4M5ABS.mjs';
-export { Code } from './chunk-I2B4CO22.mjs';
 export { Col } from './chunk-ZA2PLF7O.mjs';
 export { Row } from './chunk-2SCIJ2RW.mjs';
 export { CollapsePanel } from './chunk-4L5UYIV6.mjs';
 export { Collapse } from './chunk-DVFDA2P2.mjs';
-export { CommentThread } from './chunk-LLK2OK3K.mjs';
-export { ConfigProvider, useTigerConfig } from './chunk-TRDG56CB.mjs';
+export { ColorPicker } from './chunk-UQK22ZMC.mjs';
+export { CommentThread } from './chunk-Z2NMFYF4.mjs';
+export { ConfigProvider, useTigerConfig } from './chunk-XP5M2GK7.mjs';
 export { Container } from './chunk-VL7GENWD.mjs';
 export { Content } from './chunk-GQPSQJ5I.mjs';
-export { ChatWindow } from './chunk-NTUGEHEI.mjs';
-export { Input } from './chunk-VURU7TLN.mjs';
+export { ChatWindow } from './chunk-TW64ZNZY.mjs';
+export { Input } from './chunk-2WJADO6O.mjs';
 export { Textarea } from './chunk-MKBIVETW.mjs';
 export { Checkbox } from './chunk-2BNQGU7E.mjs';
 export { CheckboxGroup } from './chunk-CPV7INZ4.mjs';
+export { Code } from './chunk-I2B4CO22.mjs';
+export { CodeEditor } from './chunk-I5K3R4FN.mjs';
+export { ButtonGroup } from './chunk-W3Y22PMU.mjs';
+export { Calendar } from './chunk-EZXW4HIZ.mjs';
+export { Carousel } from './chunk-FDYZ7NTQ.mjs';
+export { Cascader } from './chunk-LGVPLGK3.mjs';
+export { AvatarGroup } from './chunk-NAHD6ZRR.mjs';
+export { BackTop } from './chunk-URYEEQD7.mjs';
 export { Badge } from './chunk-HVVPFQW2.mjs';
-export { BarChart } from './chunk-P2ASDGNV.mjs';
+export { BarChart } from './chunk-MYFQ3B2D.mjs';
 export { BreadcrumbItem } from './chunk-TG4PXQKX.mjs';
 export { Breadcrumb } from './chunk-U6WHPSWN.mjs';
-export { Button } from './chunk-D6MR5YRE.mjs';
-export { Carousel } from './chunk-FDYZ7NTQ.mjs';
-export { ActivityFeed } from './chunk-RVEEEDJQ.mjs';
+export { Button } from './chunk-M7JUNLA7.mjs';
+export { ActivityFeed } from './chunk-P4X7GS2X.mjs';
 export { Timeline } from './chunk-LBGTABIU.mjs';
 export { Link } from './chunk-4YHOD7LT.mjs';
 export { Loading } from './chunk-Q6OYCTQO.mjs';
 export { Tag } from './chunk-3G4VPV4D.mjs';
 export { Text } from './chunk-6V7XCCXN.mjs';
-export { Card } from './chunk-YXN3YY5Y.mjs';
-export { Alert } from './chunk-J5J4UYGP.mjs';
-import './chunk-7RRA3TIG.mjs';
+export { Card } from './chunk-KOTSKHPQ.mjs';
+export { Avatar } from './chunk-COCECPMG.mjs';
+export { Affix } from './chunk-YUEBMBOH.mjs';
+export { Alert } from './chunk-4K2CCBFT.mjs';
+import './chunk-2TNZ4JNT.mjs';
 export { AnchorLink } from './chunk-BMW2Z3G3.mjs';
 export { Anchor } from './chunk-LRHJZP2C.mjs';
-export { AreaChart } from './chunk-LDN2MZEU.mjs';
+export { AreaChart } from './chunk-TYFUO6PE.mjs';
 export { useChartInteraction } from './chunk-DU2NXX75.mjs';
-export { ChartCanvas } from './chunk-5WHLXWWT.mjs';
-export { ChartGrid } from './chunk-MI6TL3CQ.mjs';
 export { ChartLegend } from './chunk-F5HOHSFH.mjs';
 export { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
 export { ChartTooltip } from './chunk-FXGIIFGN.mjs';
 export { ChartAxis } from './chunk-ZWVA7HT3.mjs';
-export { Avatar } from './chunk-COCECPMG.mjs';
-export { BackTop } from './chunk-URYEEQD7.mjs';
+export { ChartCanvas } from './chunk-5WHLXWWT.mjs';
+export { ChartGrid } from './chunk-MI6TL3CQ.mjs';
+export { AutoComplete } from './chunk-RB7KVVWE.mjs';
 import './chunk-53M2BTB5.mjs';
+import { resolveDragConfig, createDragState, isSameContainerDrag, isCrossContainerDrag, isDragEnabled, isValidDragHandle, handleDragStart, handleDragOver, handleDrop, handleDragEnd, reorderItems, moveItemBetweenContainers } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
+import { reactive, computed } from 'vue';
 
 // src/index.ts
 init_ImagePreview();
+function useDrag(options = {}) {
+  const config = resolveDragConfig(options.config);
+  const containerId = options.containerId ?? "default";
+  const callbacks = {
+    onDragStart: options.onDragStart,
+    onDragOver: options.onDragOver,
+    onDrop: options.onDrop,
+    onDragEnd: options.onDragEnd
+  };
+  const state = reactive(createDragState());
+  const isDragging = computed(() => state.isDragging);
+  const draggedItem = computed(() => state.draggedItem);
+  const isSameContainer = computed(() => isSameContainerDrag(state));
+  const isCrossContainer = computed(() => isCrossContainerDrag(state));
+  function startDrag(item, event) {
+    if (!isDragEnabled(config)) return;
+    if (event) {
+      const target = event.target;
+      if (!isValidDragHandle(target, config)) return;
+    }
+    handleDragStart(state, item, containerId, callbacks);
+  }
+  function dragOver(item, event) {
+    if (event) {
+      event.preventDefault();
+    }
+    handleDragOver(state, item, containerId, callbacks);
+  }
+  function drop(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    return handleDrop(state, callbacks);
+  }
+  function endDrag(cancelled = false) {
+    handleDragEnd(state, cancelled, callbacks);
+  }
+  function reorder(items) {
+    if (!state.isDragging) return null;
+    return reorderItems(items, state.sourceIndex, state.targetIndex);
+  }
+  function moveBetween(sourceItems, targetItems) {
+    if (!state.isDragging) return null;
+    return moveItemBetweenContainers(sourceItems, targetItems, state.sourceIndex, state.targetIndex);
+  }
+  function getDragItemAttrs(item) {
+    return {
+      draggable: !config.disabled,
+      "data-drag-id": item.id,
+      "data-drag-index": item.index,
+      class: state.isDragging && state.draggedItem?.id === item.id ? config.dragClass : void 0,
+      "aria-grabbed": state.isDragging && state.draggedItem?.id === item.id,
+      role: "listitem",
+      onDragstart: (e) => startDrag(item, e),
+      onDragover: (e) => dragOver(item, e),
+      onDragend: () => endDrag(false)
+    };
+  }
+  function getDropZoneAttrs() {
+    return {
+      "aria-dropeffect": state.isDragging ? "move" : "none",
+      onDragover: (e) => {
+        e.preventDefault();
+        dragOver(null, e);
+      },
+      onDrop: (e) => drop(e)
+    };
+  }
+  return {
+    state,
+    isDragging,
+    draggedItem,
+    startDrag,
+    dragOver,
+    drop,
+    endDrag,
+    reorder,
+    moveBetween,
+    isSameContainer,
+    isCrossContainer,
+    getDragItemAttrs,
+    getDropZoneAttrs
+  };
+}
+
+// src/index.ts
 var version = "0.0.1";
 
-export { version };
+export { useDrag, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "0.4.3",
+  "version": "1.0.4",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -43,7 +43,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "0.4.3"
+    "@expcat/tigercat-core": "1.0.4"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",

package/dist/chunk-VURU7TLN.mjs

@@ -1,203 +0,0 @@
-import { defineComponent, ref, watch, computed, h } from 'vue';
-import { injectShakeStyle, SHAKE_CLASS, getInputClasses, classNames, getInputWrapperClasses, coerceClassValue, getInputAffixClasses, getInputErrorClasses, parseInputValue } from '@expcat/tigercat-core';
-
-// src/components/Input.ts
-var Input = defineComponent({
-  name: "TigerInput",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Input value (for v-model)
-     */
-    modelValue: {
-      type: [String, Number]
-    },
-    /**
-     * Input size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Input type
-     * @default 'text'
-     */
-    type: {
-      type: String,
-      default: "text"
-    },
-    /**
-     * Input status
-     * @default 'default'
-     */
-    status: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Error message to default display
-     */
-    errorMessage: String,
-    /**
-     * Prefix text/icon
-     */
-    prefix: String,
-    /**
-     * Suffix text/icon
-     */
-    suffix: String,
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether the input is disabled
-     */
-    disabled: Boolean,
-    /**
-     * Whether the input is readonly
-     */
-    readonly: Boolean,
-    /**
-     * Whether the input is required
-     */
-    required: Boolean,
-    /** Maximum length */
-    maxLength: Number,
-    /** Minimum length */
-    minLength: Number,
-    /** Input name attribute */
-    name: String,
-    /** Input id attribute */
-    id: String,
-    /** Autocomplete attribute */
-    autoComplete: String,
-    /**
-     * Whether to autofocus on mount
-     */
-    autoFocus: Boolean,
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
-    _shakeTrigger: {
-      type: Number,
-      default: void 0
-    },
-    /** Additional CSS classes */
-    className: String,
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    "update:modelValue": null,
-    input: null,
-    change: null,
-    focus: null,
-    blur: null
-  },
-  setup(props, { emit, attrs, slots }) {
-    injectShakeStyle();
-    const inputRef = ref(null);
-    const wrapperRef = ref(null);
-    const localValue = ref(props.modelValue ?? "");
-    watch(
-      () => props.modelValue,
-      (newValue) => {
-        const next = newValue ?? "";
-        if (next !== localValue.value) {
-          localValue.value = next;
-        }
-      }
-    );
-    watch([() => props.status, () => props._shakeTrigger], ([newStatus]) => {
-      if (newStatus === "error" && wrapperRef.value) {
-        const el = wrapperRef.value;
-        el.classList.remove(SHAKE_CLASS);
-        void el.offsetWidth;
-        el.classList.add(SHAKE_CLASS);
-      }
-    });
-    const handleAnimationEnd = () => {
-      wrapperRef.value?.classList.remove(SHAKE_CLASS);
-    };
-    const hasPrefix = computed(() => !!slots.prefix || !!props.prefix);
-    const hasSuffix = computed(() => !!slots.suffix || !!props.suffix);
-    const activeError = computed(() => props.status === "error" && !!props.errorMessage);
-    const inputClasses = computed(
-      () => getInputClasses({
-        size: props.size,
-        status: props.status,
-        hasPrefix: hasPrefix.value,
-        hasSuffix: hasSuffix.value
-      })
-    );
-    const handleInput = (event) => {
-      const target = event.target;
-      const value = parseInputValue(target, props.type);
-      localValue.value = value;
-      emit("update:modelValue", value);
-      emit("input", event);
-    };
-    const handleChange = (event) => emit("change", event);
-    const handleFocus = (event) => emit("focus", event);
-    const handleBlur = (event) => emit("blur", event);
-    return () => {
-      const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
-      return h(
-        "div",
-        {
-          ref: wrapperRef,
-          class: classNames(getInputWrapperClasses(), props.className, coerceClassValue(attrClass)),
-          style: [attrStyle, props.style],
-          onAnimationend: handleAnimationEnd
-        },
-        [
-          hasPrefix.value && h(
-            "div",
-            { class: getInputAffixClasses("prefix", props.size) },
-            slots.prefix ? slots.prefix() : props.prefix
-          ),
-          h("input", {
-            ...restAttrs,
-            ref: inputRef,
-            class: inputClasses.value,
-            type: props.type,
-            value: localValue.value,
-            placeholder: props.placeholder,
-            disabled: props.disabled,
-            readonly: props.readonly,
-            required: props.required,
-            maxlength: props.maxLength,
-            minlength: props.minLength,
-            name: props.name,
-            id: props.id,
-            autocomplete: props.autoComplete,
-            autofocus: props.autoFocus,
-            onInput: handleInput,
-            onChange: handleChange,
-            onFocus: handleFocus,
-            onBlur: handleBlur
-          }),
-          activeError.value ? h("div", { class: getInputErrorClasses(props.size) }, props.errorMessage) : hasSuffix.value && h(
-            "div",
-            { class: getInputAffixClasses("suffix", props.size) },
-            slots.suffix ? slots.suffix() : props.suffix
-          )
-        ]
-      );
-    };
-  }
-});
-var Input_default = Input;
-
-export { Input, Input_default };