webcake-ui-kit 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +8 -2
- package/src/components/checkbox/Checkbox.vue +1 -1
- package/src/components/drawer/Drawer.vue +261 -0
- package/src/components/drawer/drawer.css +162 -0
- package/src/components/dropdown/Dropdown.vue +15 -9
- package/src/components/hover-card/HoverCard.vue +159 -0
- package/src/components/hover-card/hover-card.css +10 -0
- package/src/components/input-counter/InputCounter.vue +250 -0
- package/src/components/input-counter/input-counter.css +209 -0
- package/src/components/menu/Menu.vue +4 -2
- package/src/components/popover/Popover.vue +144 -0
- package/src/components/popover/popover.css +3 -0
- package/src/components/table-v2/ColumnDragHandle.vue +103 -0
- package/src/components/table-v2/Table.vue +299 -0
- package/src/components/table-v2/TableColGroup.vue +55 -0
- package/src/components/table-v2/TableEmpty.vue +10 -0
- package/src/components/table-v2/TableLoading.vue +25 -0
- package/src/components/table-v2/TableResizeObserver.vue +93 -0
- package/src/components/table-v2/TableWrapper.vue +193 -0
- package/src/components/table-v2/body/DragPreview.vue +65 -0
- package/src/components/table-v2/body/MeasureCell.vue +42 -0
- package/src/components/table-v2/body/TableBody.vue +126 -0
- package/src/components/table-v2/body/TableCell.vue +108 -0
- package/src/components/table-v2/body/TableRow.vue +73 -0
- package/src/components/table-v2/composables/useColumns.js +19 -0
- package/src/components/table-v2/composables/useSorter.js +12 -0
- package/src/components/table-v2/composables/useSticky.js +31 -0
- package/src/components/table-v2/constants.js +2 -0
- package/src/components/table-v2/context/createTableContext.js +79 -0
- package/src/components/table-v2/header/TableHeader.vue +15 -0
- package/src/components/table-v2/header/TableHeaderCell.vue +89 -0
- package/src/components/table-v2/header/TableHeaderRow.vue +107 -0
- package/src/components/table-v2/style/table-body.css +0 -0
- package/src/components/table-v2/style/table-header.css +0 -0
- package/src/components/table-v2/style/table-loading.css +19 -0
- package/src/components/table-v2/style/table-wrapper.css +287 -0
- package/src/components/table-v2/style/table.css +5 -0
- package/src/icons/BoxShadow.vue +35 -0
- package/src/icons/Carousel.vue +34 -0
- package/src/icons/CloudSync2.vue +42 -0
- package/src/icons/CornerBottomLeft.vue +26 -0
- package/src/icons/CornerBottomRight.vue +26 -0
- package/src/icons/CornerTopLeft.vue +26 -0
- package/src/icons/CornerTopRight.vue +26 -0
- package/src/icons/DistanceRight.vue +30 -0
- package/src/icons/DistanceTop.vue +30 -0
- package/src/icons/DropShadow.vue +35 -0
- package/src/icons/Fire.vue +26 -0
- package/src/icons/GlobeAccess.vue +32 -0
- package/src/icons/InnerShadow.vue +33 -0
- package/src/icons/Livestream.vue +54 -0
- package/src/icons/PaddingBottom.vue +30 -0
- package/src/icons/PaddingLeft.vue +30 -0
- package/src/icons/PaddingRight.vue +30 -0
- package/src/icons/PaddingTop.vue +30 -0
- package/src/icons/SkewHeight.vue +32 -0
- package/src/icons/SkewWidth.vue +32 -0
- package/src/icons/SquareDashedBottomSolid.vue +26 -0
- package/src/icons/SquareDashedLeftSolid.vue +26 -0
- package/src/icons/SquareDashedRightSolid.vue +26 -0
- package/src/icons/StrokeLine.vue +23 -0
- package/src/icons/Topline.vue +26 -0
- package/src/icons/index.js +25 -0
- package/src/index.js +5 -0
- package/src/styles/.omc/state/agent-replay-645326b7-372b-463d-ab45-0adaafe31a51.jsonl +2 -0
- package/src/styles/.omc/state/subagent-tracking.json +7 -0
- package/src/utils/common.js +34 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<BaseIcon v-bind="$attrs" v-on="listeners">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<path
|
|
5
|
+
d="M19 21.875C18.5168 21.875 18.125 21.4832 18.125 21C18.125 20.5168 18.5168 20.125 19 20.125C19.2984 20.125 19.5849 20.0069 19.7959 19.7959C20.0069 19.5849 20.125 19.2984 20.125 19C20.125 18.5168 20.5168 18.125 21 18.125C21.4832 18.125 21.875 18.5168 21.875 19C21.875 19.7625 21.5724 20.494 21.0332 21.0332C20.494 21.5724 19.7625 21.875 19 21.875ZM20.125 14C20.125 13.5168 20.5168 13.125 21 13.125C21.4832 13.125 21.875 13.5168 21.875 14V15C21.875 15.4832 21.4832 15.875 21 15.875C20.5168 15.875 20.125 15.4832 20.125 15V14ZM20.125 9C20.125 8.51675 20.5168 8.125 21 8.125C21.4832 8.125 21.875 8.51675 21.875 9V10C21.875 10.4832 21.4832 10.875 21 10.875C20.5168 10.875 20.125 10.4832 20.125 10V9ZM19 3.875C18.5168 3.875 18.125 3.48325 18.125 3C18.125 2.51675 18.5168 2.125 19 2.125C19.7625 2.125 20.494 2.42763 21.0332 2.9668C21.5724 3.50596 21.875 4.2375 21.875 5C21.875 5.48325 21.4832 5.875 21 5.875C20.5168 5.875 20.125 5.48325 20.125 5C20.125 4.70163 20.0069 4.41508 19.7959 4.2041C19.5849 3.99312 19.2984 3.875 19 3.875ZM15 21.875H14C13.5168 21.875 13.125 21.4832 13.125 21C13.125 20.5168 13.5168 20.125 14 20.125H15C15.4832 20.125 15.875 20.5168 15.875 21C15.875 21.4832 15.4832 21.875 15 21.875ZM15 3.875L14 3.875C13.5168 3.875 13.125 3.48325 13.125 3C13.125 2.51675 13.5168 2.125 14 2.125L15 2.125C15.4832 2.125 15.875 2.51675 15.875 3C15.875 3.48325 15.4832 3.875 15 3.875ZM10 21.875H9C8.51675 21.875 8.125 21.4832 8.125 21C8.125 20.5168 8.51675 20.125 9 20.125H10C10.4832 20.125 10.875 20.5168 10.875 21C10.875 21.4832 10.4832 21.875 10 21.875ZM10 3.875L9 3.875C8.51675 3.875 8.125 3.48325 8.125 3C8.125 2.51675 8.51675 2.125 9 2.125L10 2.125C10.4832 2.125 10.875 2.51675 10.875 3C10.875 3.48325 10.4832 3.875 10 3.875ZM5 3.875C4.70163 3.875 4.41508 3.99312 4.2041 4.2041C3.99312 4.41508 3.875 4.70163 3.875 5L3.875 19C3.875 19.2984 3.99312 19.5849 4.2041 19.7959C4.41508 20.0069 4.70163 20.125 5 20.125C5.48325 20.125 5.875 20.5168 5.875 21C5.875 21.4832 5.48325 21.875 5 21.875C4.2375 21.875 3.50596 21.5724 2.9668 21.0332C2.42763 20.494 2.125 19.7625 2.125 19L2.125 5C2.125 4.2375 2.42763 3.50596 2.9668 2.9668C3.50596 2.42763 4.2375 2.125 5 2.125C5.48325 2.125 5.875 2.51675 5.875 3C5.875 3.48325 5.48325 3.875 5 3.875Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
9
|
+
</BaseIcon>
|
|
10
|
+
</template>
|
|
11
|
+
|
|
12
|
+
<script>
|
|
13
|
+
import BaseIcon from './BaseIcon.vue'
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
name: 'SquareDashedTopSolid',
|
|
17
|
+
components: { BaseIcon },
|
|
18
|
+
inheritAttrs: false,
|
|
19
|
+
emits: [],
|
|
20
|
+
computed: {
|
|
21
|
+
listeners() {
|
|
22
|
+
return this.$listeners || {}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
</script>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<BaseIcon v-bind="$attrs" v-on="listeners">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<path
|
|
5
|
+
d="M5 2.125C5.48325 2.125 5.875 2.51675 5.875 3C5.875 3.48325 5.48325 3.875 5 3.875C4.70163 3.875 4.41508 3.99312 4.2041 4.2041C3.99312 4.41508 3.875 4.70163 3.875 5C3.875 5.48325 3.48325 5.875 3 5.875C2.51675 5.875 2.125 5.48325 2.125 5C2.125 4.2375 2.42763 3.50596 2.9668 2.9668C3.50596 2.42763 4.2375 2.125 5 2.125ZM3.875 10C3.875 10.4832 3.48325 10.875 3 10.875C2.51675 10.875 2.125 10.4832 2.125 10L2.125 9C2.125 8.51675 2.51675 8.125 3 8.125C3.48325 8.125 3.875 8.51675 3.875 9L3.875 10ZM3.875 15C3.875 15.4832 3.48325 15.875 3 15.875C2.51675 15.875 2.125 15.4832 2.125 15L2.125 14C2.125 13.5168 2.51675 13.125 3 13.125C3.48325 13.125 3.875 13.5168 3.875 14L3.875 15ZM5 20.125C5.48325 20.125 5.875 20.5168 5.875 21C5.875 21.4832 5.48325 21.875 5 21.875C4.2375 21.875 3.50596 21.5724 2.9668 21.0332C2.42763 20.494 2.125 19.7625 2.125 19C2.125 18.5168 2.51675 18.125 3 18.125C3.48325 18.125 3.875 18.5168 3.875 19C3.875 19.2984 3.99312 19.5849 4.2041 19.7959C4.41508 20.0069 4.70163 20.125 5 20.125ZM9 2.125L10 2.125C10.4832 2.125 10.875 2.51675 10.875 3C10.875 3.48325 10.4832 3.875 10 3.875L9 3.875C8.51675 3.875 8.125 3.48325 8.125 3C8.125 2.51675 8.51675 2.125 9 2.125ZM9 20.125H10C10.4832 20.125 10.875 20.5168 10.875 21C10.875 21.4832 10.4832 21.875 10 21.875H9C8.51675 21.875 8.125 21.4832 8.125 21C8.125 20.5168 8.51675 20.125 9 20.125ZM14 2.125L15 2.125C15.4832 2.125 15.875 2.51675 15.875 3C15.875 3.48325 15.4832 3.875 15 3.875L14 3.875C13.5168 3.875 13.125 3.48325 13.125 3C13.125 2.51675 13.5168 2.125 14 2.125ZM14 20.125H15C15.4832 20.125 15.875 20.5168 15.875 21C15.875 21.4832 15.4832 21.875 15 21.875H14C13.5168 21.875 13.125 21.4832 13.125 21C13.125 20.5168 13.5168 20.125 14 20.125ZM19 20.125C19.2984 20.125 19.5849 20.0069 19.7959 19.7959C20.0069 19.5849 20.125 19.2984 20.125 19V5C20.125 4.70163 20.0069 4.41508 19.7959 4.2041C19.5849 3.99312 19.2984 3.875 19 3.875C18.5168 3.875 18.125 3.48325 18.125 3C18.125 2.51675 18.5168 2.125 19 2.125C19.7625 2.125 20.494 2.42763 21.0332 2.9668C21.5724 3.50596 21.875 4.2375 21.875 5V19C21.875 19.7625 21.5724 20.494 21.0332 21.0332C20.494 21.5724 19.7625 21.875 19 21.875C18.5168 21.875 18.125 21.4832 18.125 21C18.125 20.5168 18.5168 20.125 19 20.125Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
9
|
+
</BaseIcon>
|
|
10
|
+
</template>
|
|
11
|
+
|
|
12
|
+
<script>
|
|
13
|
+
import BaseIcon from './BaseIcon.vue'
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
name: 'SquareDashedTopSolid',
|
|
17
|
+
components: { BaseIcon },
|
|
18
|
+
inheritAttrs: false,
|
|
19
|
+
emits: [],
|
|
20
|
+
computed: {
|
|
21
|
+
listeners() {
|
|
22
|
+
return this.$listeners || {}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
</script>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<BaseIcon v-bind="$attrs" v-on="listeners">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<path d="M3 11.25H21V12.75H3V11.25Z" fill="currentColor" />
|
|
5
|
+
</svg>
|
|
6
|
+
</BaseIcon>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
import BaseIcon from './BaseIcon.vue'
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
name: 'InnerShadow',
|
|
14
|
+
components: { BaseIcon },
|
|
15
|
+
inheritAttrs: false,
|
|
16
|
+
emits: [],
|
|
17
|
+
computed: {
|
|
18
|
+
listeners() {
|
|
19
|
+
return this.$listeners || {}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
</script>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<BaseIcon v-bind="$attrs" v-on="listeners">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<path
|
|
5
|
+
d="M20 4.875C20.4832 4.875 20.875 4.48325 20.875 4C20.875 3.51675 20.4832 3.125 20 3.125H4C3.51675 3.125 3.125 3.51675 3.125 4C3.125 4.48325 3.51675 4.875 4 4.875H20ZM18.875 14L18.875 8C18.875 7.51675 18.4832 7.125 18 7.125C17.5168 7.125 17.125 7.51675 17.125 8L17.125 14C17.125 15.3592 16.5851 16.6629 15.624 17.624C14.6629 18.5851 13.3592 19.125 12 19.125C10.6408 19.125 9.3371 18.5851 8.37598 17.624C7.41485 16.6629 6.875 15.3592 6.875 14L6.875 8C6.875 7.51675 6.48325 7.125 6 7.125C5.51675 7.125 5.125 7.51675 5.125 8L5.125 14C5.125 15.8234 5.84936 17.572 7.13867 18.8613C8.42798 20.1506 10.1766 20.875 12 20.875C13.8234 20.875 15.572 20.1506 16.8613 18.8613C18.1506 17.572 18.875 15.8234 18.875 14Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
9
|
+
</BaseIcon>
|
|
10
|
+
</template>
|
|
11
|
+
|
|
12
|
+
<script>
|
|
13
|
+
import BaseIcon from './BaseIcon.vue'
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
name: 'Topline',
|
|
17
|
+
components: { BaseIcon },
|
|
18
|
+
inheritAttrs: false,
|
|
19
|
+
emits: [],
|
|
20
|
+
computed: {
|
|
21
|
+
listeners() {
|
|
22
|
+
return this.$listeners || {}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
</script>
|
package/src/icons/index.js
CHANGED
|
@@ -1748,5 +1748,30 @@ export { default as WkiDistanceLeft } from './DistanceLeft.vue'
|
|
|
1748
1748
|
export { default as WkiDistanceBottom } from './DistanceBottom.vue'
|
|
1749
1749
|
export { default as WkiLineHeight } from './LineHeight.vue'
|
|
1750
1750
|
export { default as WkiStrokeWeight } from './StrokeWeight.vue'
|
|
1751
|
+
export { default as WkiSquareDashedLeftSolid } from './SquareDashedLeftSolid.vue'
|
|
1752
|
+
export { default as WkiSquareDashedRightSolid } from './SquareDashedRightSolid.vue'
|
|
1753
|
+
export { default as WkiSquareDashedBottomSolid } from './SquareDashedBottomSolid.vue'
|
|
1754
|
+
export { default as WkiBoxShadow } from './BoxShadow.vue'
|
|
1755
|
+
export { default as WkiCarousel } from './Carousel.vue'
|
|
1756
|
+
export { default as WkiCloudSync2 } from './CloudSync2.vue'
|
|
1757
|
+
export { default as WkiCornerBottomLeft } from './CornerBottomLeft.vue'
|
|
1758
|
+
export { default as WkiCornerBottomRight } from './CornerBottomRight.vue'
|
|
1759
|
+
export { default as WkiCornerTopLeft } from './CornerTopLeft.vue'
|
|
1760
|
+
export { default as WkiCornerTopRight } from './CornerTopRight.vue'
|
|
1761
|
+
export { default as WkiDistanceRight } from './DistanceRight.vue'
|
|
1762
|
+
export { default as WkiDistanceTop } from './DistanceTop.vue'
|
|
1763
|
+
export { default as WkiDropShadow } from './DropShadow.vue'
|
|
1764
|
+
export { default as WkiFire } from './Fire.vue'
|
|
1765
|
+
export { default as WkiGlobeAccess } from './GlobeAccess.vue'
|
|
1766
|
+
export { default as WkiInnerShadow } from './InnerShadow.vue'
|
|
1767
|
+
export { default as WkiLivestream } from './Livestream.vue'
|
|
1768
|
+
export { default as WkiPaddingBottom } from './PaddingBottom.vue'
|
|
1769
|
+
export { default as WkiPaddingLeft } from './PaddingLeft.vue'
|
|
1770
|
+
export { default as WkiPaddingRight } from './PaddingRight.vue'
|
|
1771
|
+
export { default as WkiPaddingTop } from './PaddingTop.vue'
|
|
1772
|
+
export { default as WkiSkewHeight } from './SkewHeight.vue'
|
|
1773
|
+
export { default as WkiSkewWidth } from './SkewWidth.vue'
|
|
1774
|
+
export { default as WkiStrokeLine } from './StrokeLine.vue'
|
|
1775
|
+
export { default as WkiTopline } from './Topline.vue'
|
|
1751
1776
|
|
|
1752
1777
|
// --- AUTO-GENERATED LUCIDE EXPORTS END ---
|
package/src/index.js
CHANGED
|
@@ -12,14 +12,18 @@ export { default as WkCheckbox } from './components/checkbox/Checkbox.vue'
|
|
|
12
12
|
export { default as WkCheckboxGroup } from './components/checkbox-group/CheckboxGroup.vue'
|
|
13
13
|
export { default as WkDialog } from './components/dialog/Dialog.vue'
|
|
14
14
|
export { default as WkDivider } from './components/divider/Divider.vue'
|
|
15
|
+
export { default as WkDrawer } from './components/drawer/Drawer.vue'
|
|
15
16
|
export { default as WkDropdown } from './components/dropdown/Dropdown.vue'
|
|
16
17
|
export { default as WkEmpty } from './components/empty/Empty.vue'
|
|
17
18
|
export { default as WkEmptyIcon } from './components/empty-icon/EmptyIcon.vue'
|
|
18
19
|
export { default as WkField } from './components/field/Field.vue'
|
|
20
|
+
export { default as WkHoverCard } from './components/hover-card/HoverCard.vue'
|
|
19
21
|
export { default as WkInput } from './components/input/Input.vue'
|
|
22
|
+
export { default as WkInputCounter } from './components/input-counter/InputCounter.vue'
|
|
20
23
|
export { default as WkInputNumber } from './components/input-number/InputNumber.vue'
|
|
21
24
|
export { default as WkMenu } from './components/menu/Menu.vue'
|
|
22
25
|
export { default as WkPagination } from './components/pagination/Pagination.vue'
|
|
26
|
+
export { default as WkPopover } from './components/popover/Popover.vue'
|
|
23
27
|
export { default as WkProgress } from './components/progress/Progress.vue'
|
|
24
28
|
export { default as WkRadio } from './components/radio/Radio.vue'
|
|
25
29
|
export { default as WkRadioGroup } from './components/radio-group/RadioGroup.vue'
|
|
@@ -34,6 +38,7 @@ export { default as WkSpinner } from './components/spinner/Spinner.vue'
|
|
|
34
38
|
export { default as WkSwitch } from './components/switch/Switch.vue'
|
|
35
39
|
export { default as WkSwitchGroup } from './components/switch-group/SwitchGroup.vue'
|
|
36
40
|
export { default as WkTable } from './components/table/Table.vue'
|
|
41
|
+
export { default as WkTableV2 } from './components/table-v2/Table.vue'
|
|
37
42
|
export { default as WkTabs } from './components/tabs/Tabs.vue'
|
|
38
43
|
export { default as WkTag } from './components/tag/Tag.vue'
|
|
39
44
|
export { default as WkTextarea } from './components/textarea/Textarea.vue'
|
package/src/utils/common.js
CHANGED
|
@@ -2,3 +2,37 @@ export const toCssSize = v => {
|
|
|
2
2
|
if (v == null) return undefined
|
|
3
3
|
return typeof v === 'number' ? `${v}px` : v
|
|
4
4
|
}
|
|
5
|
+
|
|
6
|
+
export function getTargetScrollBarSize(target) {
|
|
7
|
+
if (typeof document === 'undefined' || !target || !(target instanceof Element)) {
|
|
8
|
+
return { width: 0, height: 0 }
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const width = target.offsetWidth - target.clientWidth
|
|
12
|
+
const height = target.offsetHeight - target.clientHeight
|
|
13
|
+
return {
|
|
14
|
+
width: width ? `${width}px` : '0px',
|
|
15
|
+
height: height ? `${height}px` : '0px'
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export const findDOMNode = instance => {
|
|
20
|
+
let node = (instance && instance.vnode && instance.vnode.el) || (instance && (instance.$el || instance))
|
|
21
|
+
while (node && !node.tagName) {
|
|
22
|
+
node = node.nextSibling
|
|
23
|
+
}
|
|
24
|
+
return node
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export function splitProps(obj) {
|
|
28
|
+
var attrs = {}
|
|
29
|
+
var listeners = {}
|
|
30
|
+
Object.keys(obj || {}).forEach(function (key) {
|
|
31
|
+
if (key.indexOf('on') === 0 && key.length > 2 && typeof obj[key] === 'function') {
|
|
32
|
+
listeners[key.charAt(2).toLowerCase() + key.slice(3)] = obj[key]
|
|
33
|
+
} else {
|
|
34
|
+
attrs[key] = obj[key]
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
return { attrs: attrs, listeners: listeners }
|
|
38
|
+
}
|