@pantograph/vue 0.14.2 → 0.15.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/dist/ActionButton/index.js +1 -1
- package/dist/ActionButton/index.umd.cjs +1 -1
- package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-SWGqIOkL.js → ActionButton.vue_vue_type_script_setup_true_lang-4bWnl8i0.js} +1 -1
- package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CIRnLjGb.js → ActionButton.vue_vue_type_script_setup_true_lang-C_7SZxPE.js} +2 -2
- package/dist/Alert/index.js +1 -1
- package/dist/Alert/index.umd.cjs +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-CgaIpUlB.js → Alert.vue_vue_type_style_index_0_lang-BSPB5uP9.js} +4 -4
- package/dist/{Alert.vue_vue_type_style_index_0_lang-igQvl6PR.js → Alert.vue_vue_type_style_index_0_lang-De8BdiEm.js} +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Avatar/index.umd.cjs +1 -1
- package/dist/Avatar.vue_vue_type_style_index_0_lang-CrIwlgJN.js +1 -0
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-CsXvz6XE.js → Avatar.vue_vue_type_style_index_0_lang-DeTUyD13.js} +68 -53
- package/dist/AvatarGroup/AvatarGroup.d.ts +2 -1
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup/index.umd.cjs +1 -1
- package/dist/Badge/index.js +1 -1
- package/dist/Badge/index.umd.cjs +1 -1
- package/dist/Badge.vue_vue_type_script_setup_true_lang-CvnE7Srj.js +1 -0
- package/dist/Badge.vue_vue_type_script_setup_true_lang-DYPVS-yf.js +66 -0
- package/dist/BaseBadge.model-B27aBzz_.js +45 -0
- package/dist/BaseBadge.model-qrHPAcrC.js +1 -0
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BGO_OgyI.js +87 -0
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CKgCe7Up.js +1 -0
- package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BG8oFqnh.js → BaseButton.vue_vue_type_style_index_0_lang-CgMukDgL.js} +4 -4
- package/dist/{BaseButton.vue_vue_type_style_index_0_lang-CDioOTsQ.js → BaseButton.vue_vue_type_style_index_0_lang-eeWTMdbl.js} +1 -1
- package/dist/Button/index.js +1 -1
- package/dist/Button/index.umd.cjs +1 -1
- package/dist/{Button.vue_vue_type_script_setup_true_lang-B4NQ4Dxa.js → Button.vue_vue_type_script_setup_true_lang-B6PUOUfI.js} +2 -2
- package/dist/{Button.vue_vue_type_script_setup_true_lang-BCRCGuJq.js → Button.vue_vue_type_script_setup_true_lang-DjzpN9q5.js} +1 -1
- package/dist/Checkbox/index.js +1 -1
- package/dist/Checkbox/index.umd.cjs +1 -1
- package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Dpzk-ikf.js → Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js} +14 -14
- package/dist/Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js +1 -0
- package/dist/CheckboxGroup/index.js +1 -1
- package/dist/CheckboxGroup/index.umd.cjs +1 -1
- package/dist/Chip/Chip.d.ts +55 -0
- package/dist/Chip/Chip.model.d.ts +4 -0
- package/dist/Chip/index.d.ts +2 -0
- package/dist/Chip/index.js +8 -0
- package/dist/Chip/index.umd.cjs +1 -0
- package/dist/Chip.vue_vue_type_style_index_0_lang-B8_9Fuov.js +114 -0
- package/dist/Chip.vue_vue_type_style_index_0_lang-DkdkKJvb.js +1 -0
- package/dist/ChipGroup/ChipGroup.d.ts +38 -0
- package/dist/ChipGroup/index.d.ts +1 -0
- package/dist/ChipGroup/index.js +7 -0
- package/dist/ChipGroup/index.umd.cjs +1 -0
- package/dist/ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js +74 -0
- package/dist/ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js +1 -0
- package/dist/ColorPicker/index.js +1 -1
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-znCqIygO.js → ColorPicker.vue_vue_type_style_index_0_lang-BJqIuqb1.js} +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-C7mV51Ad.js → ColorPicker.vue_vue_type_style_index_0_lang-OlYb1GsW.js} +3 -3
- package/dist/ColorSwatch/index.js +1 -1
- package/dist/ColorSwatch/index.umd.cjs +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BmHfEa7I.js → ColorSwatch.vue_vue_type_style_index_0_lang-B35b1BsJ.js} +3 -3
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-03eJikYh.js → ColorSwatch.vue_vue_type_style_index_0_lang-DmhhCVv7.js} +1 -1
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-B77FnS5z.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CUBuxVaq.js} +7 -7
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DkF3uee8.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CYLmaqeI.js} +1 -1
- package/dist/ColorTrigger/index.js +1 -1
- package/dist/ColorTrigger/index.umd.cjs +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-Q00MQEXY.js → ColorTrigger.vue_vue_type_style_index_0_lang-DNZxq-yR.js} +4 -4
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-DtSOxztA.js → ColorTrigger.vue_vue_type_style_index_0_lang-YWVLXFVc.js} +1 -1
- package/dist/ConfigProvider/index.js +1 -1
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/index.umd.cjs +1 -1
- package/dist/DataTable.vue_vue_type_style_index_0_lang-BP5c0rda.js +1 -0
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-wUSNbKN5.js → DataTable.vue_vue_type_style_index_0_lang-C-7s05L-.js} +198 -197
- package/dist/DropZone/DropZone.d.ts +53 -0
- package/dist/DropZone/index.d.ts +2 -1
- package/dist/DropZone/index.js +7 -1
- package/dist/DropZone/index.umd.cjs +1 -1
- package/dist/DropZone.vue_vue_type_style_index_0_lang-2NjXlFUi.js +121 -0
- package/dist/DropZone.vue_vue_type_style_index_0_lang-33INL6nm.js +1 -0
- package/dist/Empty/index.js +1 -1
- package/dist/{Empty.vue_vue_type_style_index_0_lang-DIgNReMG.js → Empty.vue_vue_type_style_index_0_lang-Jm_jtiLY.js} +1 -1
- package/dist/FloatButton/index.js +1 -1
- package/dist/FloatButton/index.umd.cjs +1 -1
- package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-B_StGCXt.js → FloatButton.vue_vue_type_script_setup_true_lang-BxvHC70e.js} +2 -2
- package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-B1XPEkaM.js → FloatButton.vue_vue_type_script_setup_true_lang-COenBFvO.js} +1 -1
- package/dist/GraphicalObject/index.js +1 -1
- package/dist/GraphicalObject/index.umd.cjs +1 -1
- package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-Bc5zh_wp.js +63 -0
- package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CwxMftZ5.js +1 -0
- package/dist/Icon/index.js +1 -1
- package/dist/{Icon.vue_vue_type_style_index_0_lang-BbOuVnaS.js → Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js} +1 -1
- package/dist/IconButton/index.js +1 -1
- package/dist/IconButton/index.umd.cjs +1 -1
- package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BCKUoXMR.js → IconButton.vue_vue_type_script_setup_true_lang-Bi_qwuVm.js} +2 -2
- package/dist/{IconButton.vue_vue_type_script_setup_true_lang-8SXYjPFD.js → IconButton.vue_vue_type_script_setup_true_lang-efWR_OuR.js} +1 -1
- package/dist/Image/index.js +1 -1
- package/dist/{Image.vue_vue_type_style_index_0_lang-BCEUJNgp.js → Image.vue_vue_type_style_index_0_lang-BgSo-YAW.js} +3 -3
- package/dist/IndentLevel/index.js +1 -1
- package/dist/IndentLevel/index.umd.cjs +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-Balon_8b.js → IndentLevel.vue_vue_type_style_index_0_lang-C_b-LVE0.js} +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-B8LQPGav.js → IndentLevel.vue_vue_type_style_index_0_lang-ChiSKb-J.js} +3 -3
- package/dist/Indicator/index.js +1 -1
- package/dist/Indicator/index.umd.cjs +1 -1
- package/dist/Indicator.vue_vue_type_script_setup_true_lang-DjRN5aRj.js +40 -0
- package/dist/Indicator.vue_vue_type_script_setup_true_lang-RPFjQEzE.js +1 -0
- package/dist/Input/index.js +1 -1
- package/dist/{Input.vue_vue_type_style_index_0_lang-B2Z-qNGX.js → Input.vue_vue_type_style_index_0_lang-CCKpwRTa.js} +35 -35
- package/dist/Kbd/index.js +1 -1
- package/dist/{Kbd.vue_vue_type_style_index_0_lang-qT4atWnM.js → Kbd.vue_vue_type_style_index_0_lang-4JCBBCVt.js} +1 -1
- package/dist/Link/index.js +1 -1
- package/dist/{Link.vue_vue_type_style_index_0_lang-CwqNtUft.js → Link.vue_vue_type_style_index_0_lang-klDK1kuj.js} +2 -2
- package/dist/Menu/index.js +1 -1
- package/dist/Menu/index.umd.cjs +1 -1
- package/dist/{Menu.vue_vue_type_style_index_0_lang-B4nElqHh.js → Menu.vue_vue_type_style_index_0_lang-BVNhKBcu.js} +7 -7
- package/dist/{Menu.vue_vue_type_style_index_0_lang-DI8PfRfx.js → Menu.vue_vue_type_style_index_0_lang-DacaUajM.js} +1 -1
- package/dist/MenuItem/index.js +1 -1
- package/dist/MenuItem/index.umd.cjs +1 -1
- package/dist/Popover/Popover.d.ts +0 -1
- package/dist/Popover/index.js +1 -1
- package/dist/Popover/index.umd.cjs +1 -1
- package/dist/Popover.vue_vue_type_style_index_0_lang-B695YDJE.js +1 -0
- package/dist/{Popover.vue_vue_type_style_index_0_lang-0M5QF6zB.js → Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js} +20 -21
- package/dist/RadioGroup/index.js +1 -1
- package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-nmPTqQWQ.js → RadioGroup.vue_vue_type_script_setup_true_lang-B9tmAIEG.js} +1 -1
- package/dist/ScrollContainer/index.js +1 -1
- package/dist/{ScrollContainer.model-BjFK83Qc.js → ScrollContainer.model-BzodTc4p.js} +1 -1
- package/dist/Shortcut/index.js +1 -1
- package/dist/{Shortcut.vue_vue_type_style_index_0_lang-BVM8_oZn.js → Shortcut.vue_vue_type_style_index_0_lang-Ae0GyIDs.js} +2 -2
- package/dist/Spinner/index.js +1 -1
- package/dist/{Spinner.vue_vue_type_style_index_0_lang-BxkbqSR_.js → Spinner.vue_vue_type_style_index_0_lang-DxwACaLW.js} +1 -1
- package/dist/Switch/index.js +1 -1
- package/dist/{Switch.vue_vue_type_style_index_0_lang-EFeii6Wg.js → Switch.vue_vue_type_style_index_0_lang-mkO4UH9N.js} +2 -2
- package/dist/Tree/index.js +1 -1
- package/dist/Tree/index.umd.cjs +1 -1
- package/dist/{Tree.vue_vue_type_style_index_0_lang-DKH3b_ev.js → Tree.vue_vue_type_style_index_0_lang-DKtLWacR.js} +7 -7
- package/dist/{Tree.vue_vue_type_style_index_0_lang-CYGAlGwC.js → Tree.vue_vue_type_style_index_0_lang-DnnW2v03.js} +1 -1
- package/dist/{_baseIsEqual-D6OIyc9x.js → _baseIsEqual-B1yr67CO.js} +4 -4
- package/dist/{_flatRest-BFIiKgYv.js → _flatRest-Bw7fWA39.js} +2 -2
- package/dist/{_getTag-C1N7G_It.js → _getTag-z7QaQ5uZ.js} +1 -1
- package/dist/{cloneDeep-BNNspOg-.js → cloneDeep-unwWx7xF.js} +1 -1
- package/dist/{get-9cMI4wkc.js → get-FzuQyzCL.js} +1 -1
- package/dist/{index-D_hCmLp9.js → index-CKvTY2M1.js} +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +154 -142
- package/dist/index.umd.cjs +1 -1
- package/dist/{isArray-DGJFqUD8.js → isArray-CdbPONHA.js} +2 -2
- package/dist/{isEmpty-BfqMcSem.js → isEmpty-BEYnAygl.js} +2 -2
- package/dist/{isNumber-CFhCrbTP.js → isNumber-BopDesuz.js} +3 -3
- package/dist/{omit-BsFVls5E.js → omit-DB3u1XL5.js} +3 -3
- package/dist/{pick-CJI0LhLm.js → pick-BEnuz3iO.js} +3 -3
- package/dist/style/index.css +1 -1
- package/dist/{uniq-DI-nuzAz.js → uniq-Yl5OObL1.js} +2 -2
- package/package.json +12 -2
- package/dist/Avatar.vue_vue_type_style_index_0_lang-B--X3QQp.js +0 -1
- package/dist/Badge.vue_vue_type_script_setup_true_lang-C6BNLMaW.js +0 -65
- package/dist/Badge.vue_vue_type_script_setup_true_lang-Dn33PgFw.js +0 -1
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BCkm3H4P.js +0 -128
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BeAtJkbh.js +0 -1
- package/dist/Checkbox.vue_vue_type_style_index_0_lang-DXothnel.js +0 -1
- package/dist/DataTable.vue_vue_type_style_index_0_lang-zj_Bkt1X.js +0 -1
- package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-BfmGxGrs.js +0 -62
- package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CS169UvS.js +0 -1
- package/dist/Indicator.vue_vue_type_script_setup_true_lang-B23gQXdq.js +0 -39
- package/dist/Indicator.vue_vue_type_script_setup_true_lang-DW3eCurT.js +0 -1
- package/dist/Popover.vue_vue_type_style_index_0_lang-DexTJf-3.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-DqDFW850.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-CvnE7Srj.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-BfpYQmzU.js"),B="2xsm",T=e.defineComponent({...L.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;
|
package/dist/Button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-DjzpN9q5.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
|
|
2
|
-
import { o as y } from "./omit-
|
|
3
|
-
import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { o as y } from "./omit-DB3u1XL5.js";
|
|
3
|
+
import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-CgMukDgL.js";
|
|
4
4
|
import { g as O } from "./options-JBqnVZUl.js";
|
|
5
5
|
const z = /* @__PURE__ */ c({
|
|
6
6
|
...O("Button", !1),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),p=require("./omit-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";const e=require("vue"),p=require("./omit-6FeILhm3.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-eeWTMdbl.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
|
package/dist/Checkbox/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js";
|
|
2
2
|
export {
|
|
3
3
|
e as Checkbox,
|
|
4
4
|
s as CheckboxSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
|
|
@@ -4,8 +4,8 @@ import { getCssCoreColor as n } from "@pantograph/tokens";
|
|
|
4
4
|
import { getBemBlock as Q, usePCId as W, generateVariantClassList as X, getBemElement as f } from "@pantograph/utils";
|
|
5
5
|
import { cva as Y } from "class-variance-authority";
|
|
6
6
|
import { g as P } from "./options-JBqnVZUl.js";
|
|
7
|
-
import { o as Z } from "./omit-
|
|
8
|
-
import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-
|
|
7
|
+
import { o as Z } from "./omit-DB3u1XL5.js";
|
|
8
|
+
import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
|
|
9
9
|
import { U as te } from "./useInputDataStates-CZbdWpyp.js";
|
|
10
10
|
const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
11
11
|
"--ptc-checkbox-bg": n(`${a}-5`),
|
|
@@ -52,12 +52,12 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
|
52
52
|
disabled: d
|
|
53
53
|
}), (s, g) => (i(), m("div", null, [
|
|
54
54
|
G(s.$slots, "default", {}, () => {
|
|
55
|
-
var
|
|
55
|
+
var v;
|
|
56
56
|
return [
|
|
57
|
-
(
|
|
58
|
-
key:
|
|
57
|
+
(v = s.options) != null && v.length ? (i(!0), m(K, { key: 0 }, O(s.options, (p) => (i(), V(ce, z({
|
|
58
|
+
key: p.value ?? p,
|
|
59
59
|
ref_for: !0
|
|
60
|
-
},
|
|
60
|
+
}, p), null, 16))), 128)) : w("", !0)
|
|
61
61
|
];
|
|
62
62
|
})
|
|
63
63
|
]));
|
|
@@ -97,8 +97,8 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
|
97
97
|
return (t = o.model) != null && t.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : d.value;
|
|
98
98
|
},
|
|
99
99
|
set(t) {
|
|
100
|
-
var
|
|
101
|
-
if ((
|
|
100
|
+
var b;
|
|
101
|
+
if ((b = o.model) != null && b.value) {
|
|
102
102
|
if (e.value !== void 0) {
|
|
103
103
|
const h = o.model.value.indexOf(e.value);
|
|
104
104
|
t && h === -1 ? o.model.value = [...o.model.value, e.value] : !t && h !== -1 && (o.model.value = o.model.value.filter(
|
|
@@ -108,7 +108,7 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
|
108
108
|
} else
|
|
109
109
|
e.checked === void 0 && (d.value = t), u("update:checked", t), u("change", t);
|
|
110
110
|
}
|
|
111
|
-
}), g = r(() => e.id ?? W(c)),
|
|
111
|
+
}), g = r(() => e.id ?? W(c)), v = r(() => {
|
|
112
112
|
var t;
|
|
113
113
|
return {
|
|
114
114
|
disabled: ((t = o.disabled) == null ? void 0 : t.value) ?? e.disabled,
|
|
@@ -127,7 +127,7 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
|
127
127
|
"labelCls"
|
|
128
128
|
)
|
|
129
129
|
};
|
|
130
|
-
}),
|
|
130
|
+
}), p = Y(c, {
|
|
131
131
|
variants: {
|
|
132
132
|
size: X(ae, c)
|
|
133
133
|
}
|
|
@@ -152,16 +152,16 @@ const ae = ["2xsm", "xsm"], he = (a) => ({
|
|
|
152
152
|
},
|
|
153
153
|
emit: u
|
|
154
154
|
}), U = () => s.value = !s.value;
|
|
155
|
-
return (t,
|
|
155
|
+
return (t, b) => (i(), m("div", z({
|
|
156
156
|
class: [l(f)(l(c), "root"), t.rootCls]
|
|
157
157
|
}, l(I)), [
|
|
158
158
|
B(l(J), z({
|
|
159
159
|
onKeyup: F(U, ["enter"])
|
|
160
|
-
},
|
|
160
|
+
}, v.value, {
|
|
161
161
|
checked: s.value,
|
|
162
|
-
"onUpdate:checked":
|
|
162
|
+
"onUpdate:checked": b[0] || (b[0] = (h) => s.value = h),
|
|
163
163
|
id: g.value,
|
|
164
|
-
class: [l(
|
|
164
|
+
class: [l(p)({ size: y.value }), e.class]
|
|
165
165
|
}), {
|
|
166
166
|
default: $(() => [
|
|
167
167
|
B(l(M), {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),v=require("radix-vue"),r=require("@pantograph/tokens"),n=require("@pantograph/utils"),P=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),w=require("./omit-6FeILhm3.js"),L=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),I=require("./useInputDataStates-CbRgNQqU.js"),x=["2xsm","xsm"],N=s=>({"--ptc-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),A=s=>({"--ptc-group-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-group-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-group-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),[B,z]=v.createContext("CheckboxGroup"),D=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(s,{emit:b}){const c=b,o=s,l=e.ref(o.value??[]);e.watch(()=>o.value,()=>{l.value=o.value??[]});const u=e.computed({get(){return o.value?o.value:l.value},set(a){o.value||(l.value=a),c("update:value",a),c("change",a)}}),h=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return z({model:u,size:h,disabled:i}),(a,k)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(a.$slots,"default",{},()=>{var C;return[(C=a.options)!=null&&C.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,d=>(e.openBlock(),e.createBlock(y,e.mergeProps({key:d.value??d,ref_for:!0},d),null,16))),128)):e.createCommentVNode("",!0)]})]))}}),O=["for"],y=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{}},emits:["update:checked","change","blur","focus"],setup(s,{emit:b}){const c=n.getBemBlock("checkbox"),o=s,l=B({}),u=b,h=e.useSlots(),i=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{i.value=o.checked??!1});const a=e.computed({get(){var t;return(t=l.model)!=null&&t.value?o.value!==void 0&&l.model.value.includes(o.value):o.checked!==void 0?o.checked:i.value},set(t){var p;if((p=l.model)!=null&&p.value){if(o.value!==void 0){const m=l.model.value.indexOf(o.value);t&&m===-1?l.model.value=[...l.model.value,o.value]:!t&&m!==-1&&(l.model.value=l.model.value.filter(V=>V!==o.value))}}else o.checked===void 0&&(i.value=t),u("update:checked",t),u("change",t)}}),k=e.computed(()=>o.id??n.usePCId(c)),C=e.computed(()=>{var t;return{disabled:((t=l.disabled)==null?void 0:t.value)??o.disabled,...E.value,...w.omit(o,"size","class","label","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),d=P.cva(c,{variants:{size:n.generateVariantClassList(x,c)}}),_=e.computed(()=>o.label||h.default||o.value&&o.valueAsLabel),$=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),f=e.computed(()=>{var t;return((t=l.size)==null?void 0:t.value)??o.size}),q=e.computed(()=>{switch(f.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:S,inputBindings:E}=I.UseInputDataStates({getDisabled:()=>{var t;return((t=l.disabled)==null?void 0:t.value)??o.disabled},emit:u}),G=()=>a.value=!a.value;return(t,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(n.getBemElement)(e.unref(c),"root"),t.rootCls]},e.unref(S)),[e.createVNode(e.unref(v.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(G,["enter"])},C.value,{checked:a.value,"onUpdate:checked":p[0]||(p[0]=m=>a.value=m),id:k.value,class:[e.unref(d)({size:f.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(v.CheckboxIndicator),{class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(L._sfc_main,{key:0,icon:"tabler:check",size:q.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),_.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:k.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString($.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=x;exports._sfc_main=y;exports._sfc_main$1=D;exports.injectCheckboxGroupContext=B;exports.provideCheckboxGroupContext=z;exports.useColoredPantographCheckbox=N;exports.useColoredPantographCheckboxGroup=A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CP6XeMyz.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { IconSize } from '../Icon/Icon.model';
|
|
2
|
+
import { ChipColor, ChipSize } from './Chip.model';
|
|
3
|
+
import { Class } from '../types';
|
|
4
|
+
export interface ChipProps {
|
|
5
|
+
value?: string | number;
|
|
6
|
+
size?: ChipSize;
|
|
7
|
+
class?: Class;
|
|
8
|
+
actionsCls?: Class;
|
|
9
|
+
textCls?: Class;
|
|
10
|
+
iconCls?: Class;
|
|
11
|
+
text?: string;
|
|
12
|
+
icon?: string;
|
|
13
|
+
closeIcon?: string;
|
|
14
|
+
closeIconCls?: Class;
|
|
15
|
+
color?: ChipColor;
|
|
16
|
+
overlayActions?: boolean;
|
|
17
|
+
closeable?: boolean;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
}
|
|
20
|
+
interface SlotProps {
|
|
21
|
+
item?: ChipProps;
|
|
22
|
+
size: IconSize;
|
|
23
|
+
onClose: (e: MouseEvent) => void;
|
|
24
|
+
}
|
|
25
|
+
export interface ChipSlots {
|
|
26
|
+
text?: (data?: SlotProps) => never;
|
|
27
|
+
leading?: (data?: SlotProps) => never;
|
|
28
|
+
trailing?: (data?: SlotProps) => never;
|
|
29
|
+
close?: (data?: SlotProps) => never;
|
|
30
|
+
overlayActions?: (data?: SlotProps) => never;
|
|
31
|
+
}
|
|
32
|
+
declare function __VLS_template(): {
|
|
33
|
+
slots: Readonly<ChipSlots> & ChipSlots;
|
|
34
|
+
refs: {};
|
|
35
|
+
attrs: Partial<{}>;
|
|
36
|
+
};
|
|
37
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
38
|
+
declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
39
|
+
close: (event: MouseEvent) => any;
|
|
40
|
+
}, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
|
|
41
|
+
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
size: ChipSize;
|
|
44
|
+
closeable: boolean;
|
|
45
|
+
closeIcon: string;
|
|
46
|
+
overlayActions: boolean;
|
|
47
|
+
selected: boolean;
|
|
48
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
49
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
50
|
+
export default _default;
|
|
51
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const ChipSizes: readonly ["xsm", "sm", "md"];
|
|
2
|
+
export type ChipSize = (typeof ChipSizes)[number];
|
|
3
|
+
export declare const ChipColors: readonly ["primary", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "gray", "mallard"];
|
|
4
|
+
export type ChipColor = (typeof ChipColors)[number];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-DkdkKJvb.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js");exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=_.ChipColors;exports.ChipSizes=_.ChipSizes;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { defineComponent as N, computed as a, useSlots as E, createElementBlock as m, openBlock as u, normalizeClass as n, unref as t, renderSlot as i, createCommentVNode as r, normalizeProps as p, guardReactiveProps as d, createBlock as O, createTextVNode as j, toDisplayString as w, mergeProps as I, createVNode as D } from "vue";
|
|
2
|
+
import { getBemBlock as G, generateVariantClassList as v, getBemElement as C } from "@pantograph/utils";
|
|
3
|
+
import { cva as L } from "class-variance-authority";
|
|
4
|
+
import "@iconify/vue";
|
|
5
|
+
import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
|
|
6
|
+
import { g as R } from "./options-JBqnVZUl.js";
|
|
7
|
+
import { i as T, a as q, C as F } from "./ChipGroup.vue_vue_type_style_index_0_lang-Cn0SS405.js";
|
|
8
|
+
const Y = /* @__PURE__ */ N({
|
|
9
|
+
...R("Chip"),
|
|
10
|
+
__name: "Chip",
|
|
11
|
+
props: {
|
|
12
|
+
value: {},
|
|
13
|
+
size: { default: "md" },
|
|
14
|
+
class: {},
|
|
15
|
+
actionsCls: {},
|
|
16
|
+
textCls: {},
|
|
17
|
+
iconCls: {},
|
|
18
|
+
text: {},
|
|
19
|
+
icon: {},
|
|
20
|
+
closeIcon: { default: "tabler:x" },
|
|
21
|
+
closeIconCls: {},
|
|
22
|
+
color: {},
|
|
23
|
+
overlayActions: { type: Boolean, default: void 0 },
|
|
24
|
+
closeable: { type: Boolean, default: void 0 },
|
|
25
|
+
selected: { type: Boolean, default: void 0 }
|
|
26
|
+
},
|
|
27
|
+
emits: ["close"],
|
|
28
|
+
setup(A, { emit: S }) {
|
|
29
|
+
const o = A, s = T({}), g = a(() => {
|
|
30
|
+
var e;
|
|
31
|
+
return ((e = s.props) == null ? void 0 : e.size) ?? o.size;
|
|
32
|
+
}), x = a(() => {
|
|
33
|
+
var e;
|
|
34
|
+
return o.color ?? ((e = s.props) == null ? void 0 : e.color) ?? "primary";
|
|
35
|
+
}), y = a(() => {
|
|
36
|
+
var e;
|
|
37
|
+
return ((e = s.props) == null ? void 0 : e.overlayActions) ?? o.overlayActions;
|
|
38
|
+
}), $ = a(() => {
|
|
39
|
+
var e;
|
|
40
|
+
return o.selected ?? ((e = s.props) == null ? void 0 : e.selected);
|
|
41
|
+
}), b = a(() => {
|
|
42
|
+
var e;
|
|
43
|
+
return ((e = s.props) == null ? void 0 : e.closeIcon) ?? o.closeIcon;
|
|
44
|
+
}), f = a(() => {
|
|
45
|
+
var e;
|
|
46
|
+
return ((e = s.props) == null ? void 0 : e.icon) ?? o.icon;
|
|
47
|
+
}), z = a(() => s.props ? !0 : o.closeable), P = S, B = E(), l = G("chip"), V = L(l, {
|
|
48
|
+
variants: {
|
|
49
|
+
size: v(F, l),
|
|
50
|
+
color: v(q, l),
|
|
51
|
+
overlayActions: v("overlay-actions", l),
|
|
52
|
+
selected: v("selected", l)
|
|
53
|
+
}
|
|
54
|
+
}), k = (e) => {
|
|
55
|
+
s.onClose && s.onClose(o), P("close", e);
|
|
56
|
+
}, c = a(() => ({
|
|
57
|
+
onClose: k,
|
|
58
|
+
size: (() => {
|
|
59
|
+
switch (g.value) {
|
|
60
|
+
case "md":
|
|
61
|
+
return "xsm";
|
|
62
|
+
default:
|
|
63
|
+
return "2xsm";
|
|
64
|
+
}
|
|
65
|
+
})()
|
|
66
|
+
}));
|
|
67
|
+
return (e, H) => (u(), m("div", {
|
|
68
|
+
class: n([
|
|
69
|
+
t(V)({
|
|
70
|
+
size: g.value,
|
|
71
|
+
color: x.value,
|
|
72
|
+
overlayActions: y.value,
|
|
73
|
+
selected: $.value
|
|
74
|
+
}),
|
|
75
|
+
o.class
|
|
76
|
+
])
|
|
77
|
+
}, [
|
|
78
|
+
i(e.$slots, "leading", p(d(c.value)), () => [
|
|
79
|
+
f.value ? (u(), O(t(h), {
|
|
80
|
+
key: 0,
|
|
81
|
+
size: c.value.size,
|
|
82
|
+
icon: f.value,
|
|
83
|
+
class: n(e.iconCls)
|
|
84
|
+
}, null, 8, ["size", "icon", "class"])) : r("", !0)
|
|
85
|
+
]),
|
|
86
|
+
B.text || e.text ? (u(), m("div", {
|
|
87
|
+
key: 0,
|
|
88
|
+
class: n([t(C)(t(l), "text"), e.textCls])
|
|
89
|
+
}, [
|
|
90
|
+
i(e.$slots, "text", p(d(c.value)), () => [
|
|
91
|
+
j(w(e.text), 1)
|
|
92
|
+
])
|
|
93
|
+
], 2)) : r("", !0),
|
|
94
|
+
i(e.$slots, "trailing", p(d(c.value))),
|
|
95
|
+
z.value || B.overlayActions ? (u(), m("div", {
|
|
96
|
+
key: 1,
|
|
97
|
+
class: n([t(C)(t(l), "actions"), e.actionsCls])
|
|
98
|
+
}, [
|
|
99
|
+
y.value ? i(e.$slots, "overlayActions", p(I({ key: 0 }, c.value))) : r("", !0),
|
|
100
|
+
z.value ? i(e.$slots, "close", p(I({ key: 1 }, c.value)), () => [
|
|
101
|
+
D(t(h), {
|
|
102
|
+
onClick: k,
|
|
103
|
+
size: c.value.size,
|
|
104
|
+
icon: b.value,
|
|
105
|
+
class: n([t(C)(t(l), "close_icon"), e.closeIconCls])
|
|
106
|
+
}, null, 8, ["size", "icon", "class"])
|
|
107
|
+
]) : r("", !0)
|
|
108
|
+
], 2)) : r("", !0)
|
|
109
|
+
], 2));
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
export {
|
|
113
|
+
Y as _
|
|
114
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),n=require("@pantograph/utils"),k=require("class-variance-authority");require("@iconify/vue");const v=require("./Icon.vue_vue_type_style_index_0_lang-BrV8amSh.js"),S=require("./options-B4iSAKol.js"),a=require("./ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js"),V=e.defineComponent({...S.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(C,{emit:g}){const s=C,t=a.injectChipGroupContext({}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??s.size}),z=e.computed(()=>{var o;return s.color??((o=t.props)==null?void 0:o.color)??"primary"}),i=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??s.overlayActions}),y=e.computed(()=>{var o;return s.selected??((o=t.props)==null?void 0:o.selected)}),f=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??s.closeIcon}),u=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??s.icon}),p=e.computed(()=>t.props?!0:s.closeable),B=g,m=e.useSlots(),l=n.getBemBlock("chip"),_=k.cva(l,{variants:{size:n.generateVariantClassList(a.ChipSizes,l),color:n.generateVariantClassList(a.ChipColors,l),overlayActions:n.generateVariantClassList("overlay-actions",l),selected:n.generateVariantClassList("selected",l)}}),d=o=>{t.onClose&&t.onClose(s),B("close",o)},r=e.computed(()=>({onClose:d,size:(()=>{switch(c.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(_)({size:c.value,color:z.value,overlayActions:i.value,selected:y.value}),s.class])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[u.value?(e.openBlock(),e.createBlock(e.unref(v._sfc_main),{key:0,size:r.value.size,icon:u.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),m.text||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"text"),o.textCls])},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(r.value))),p.value||m.overlayActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"actions"),o.actionsCls])},[i.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},r.value))):e.createCommentVNode("",!0),p.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},r.value)),()=>[e.createVNode(e.unref(v._sfc_main),{onClick:d,size:r.value.size,icon:f.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"close_icon"),o.closeIconCls])},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}});exports._sfc_main=V;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ChipSlots, ChipProps } from '../Chip/Chip';
|
|
2
|
+
import { ChipColor, ChipSize } from '../Chip/Chip.model';
|
|
3
|
+
import { Class } from '../types/index.js';
|
|
4
|
+
import { PopoverProps } from '../Popover/index.js';
|
|
5
|
+
export type ChipGroupProps = {
|
|
6
|
+
countChipProps?: ChipProps;
|
|
7
|
+
color?: ChipColor;
|
|
8
|
+
size?: ChipSize;
|
|
9
|
+
closeIcon?: string;
|
|
10
|
+
icon?: string;
|
|
11
|
+
overlayActions?: boolean;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
maxCount?: number | string;
|
|
14
|
+
popoverProps?: PopoverProps;
|
|
15
|
+
truncateCls?: Class;
|
|
16
|
+
};
|
|
17
|
+
interface Context {
|
|
18
|
+
props?: ChipGroupProps;
|
|
19
|
+
onClose?: (item?: ChipProps) => void;
|
|
20
|
+
}
|
|
21
|
+
export declare const injectChipGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideChipGroupContext: (contextValue: Context) => Context;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ChipGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
+
close: (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<ChipGroupProps> & Readonly<{
|
|
25
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
size: ChipSize;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ChipSlots & {
|
|
29
|
+
default?: () => never;
|
|
30
|
+
}> & ChipSlots & {
|
|
31
|
+
default?: () => never;
|
|
32
|
+
}>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ChipGroup, type ChipGroupProps, provideChipGroupContext, injectChipGroupContext, default, } from './ChipGroup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-DXgB3D2F.js");exports.ChipGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { defineComponent as C, useSlots as f, computed as d, createElementBlock as v, openBlock as h, normalizeClass as _, unref as x, createVNode as g, h as r } from "vue";
|
|
2
|
+
import { g as B } from "./options-JBqnVZUl.js";
|
|
3
|
+
import { getBemBlock as z, generateVariantClassList as G, getBemElement as S } from "@pantograph/utils";
|
|
4
|
+
import { cva as k } from "class-variance-authority";
|
|
5
|
+
import { B as y } from "./BaseBadge.model-B27aBzz_.js";
|
|
6
|
+
import { c as P } from "./element-CayrDxFe.js";
|
|
7
|
+
import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js";
|
|
8
|
+
import { createContext as N } from "radix-vue";
|
|
9
|
+
const V = ["xsm", "sm", "md"], F = [...y], [H, $] = N("ChipGroup"), J = /* @__PURE__ */ C({
|
|
10
|
+
...B("ChipGroup"),
|
|
11
|
+
__name: "ChipGroup",
|
|
12
|
+
props: {
|
|
13
|
+
countChipProps: {},
|
|
14
|
+
color: {},
|
|
15
|
+
size: { default: "md" },
|
|
16
|
+
closeIcon: {},
|
|
17
|
+
icon: {},
|
|
18
|
+
overlayActions: { type: Boolean },
|
|
19
|
+
selected: { type: Boolean },
|
|
20
|
+
maxCount: {},
|
|
21
|
+
popoverProps: {},
|
|
22
|
+
truncateCls: {}
|
|
23
|
+
},
|
|
24
|
+
emits: ["close"],
|
|
25
|
+
setup(c, { emit: p }) {
|
|
26
|
+
const m = p, o = c, a = f();
|
|
27
|
+
$({
|
|
28
|
+
props: o,
|
|
29
|
+
onClose: (t) => {
|
|
30
|
+
m("close", t);
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
const e = d(() => o.maxCount ? Number(o.maxCount) : 0), u = () => {
|
|
34
|
+
const t = P(a.default ? a.default() : []);
|
|
35
|
+
return e.value > 1 && t.length > e.value ? [
|
|
36
|
+
...t.filter((l, n) => n < e.value),
|
|
37
|
+
r(
|
|
38
|
+
E,
|
|
39
|
+
{ size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
|
|
40
|
+
{
|
|
41
|
+
default: () => r(
|
|
42
|
+
"div",
|
|
43
|
+
{ class: [S(s, "truncate"), o.truncateCls] },
|
|
44
|
+
`+${t.length - e.value + 1}`
|
|
45
|
+
),
|
|
46
|
+
content: () => r(
|
|
47
|
+
"div",
|
|
48
|
+
{ class: i(o) },
|
|
49
|
+
{
|
|
50
|
+
default: () => t.filter((l, n) => n >= e.value)
|
|
51
|
+
}
|
|
52
|
+
)
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
] : t;
|
|
56
|
+
}, s = z("chip_group"), i = k(s, {
|
|
57
|
+
variants: {
|
|
58
|
+
size: G(V, s)
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
return (t, l) => (h(), v("div", {
|
|
62
|
+
class: _(x(i)(o))
|
|
63
|
+
}, [
|
|
64
|
+
g(u)
|
|
65
|
+
], 2));
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
export {
|
|
69
|
+
V as C,
|
|
70
|
+
J as _,
|
|
71
|
+
F as a,
|
|
72
|
+
H as i,
|
|
73
|
+
$ as p
|
|
74
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),_=require("./options-B4iSAKol.js"),i=require("@pantograph/utils"),v=require("class-variance-authority"),f=require("./BaseBadge.model-qrHPAcrC.js"),x=require("./element-BURaVF00.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-B695YDJE.js"),B=require("radix-vue"),a=["xsm","sm","md"],q=[...f.BadgeColors],[z,p]=B.createContext("ChipGroup"),G=e.defineComponent({..._.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{countChipProps:{},color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,c=e.useSlots();p({props:t,onClose:o=>{d("close",o)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),h=()=>{const o=x.flattenChildren(c.default?c.default():[]);return n.value>1&&o.length>n.value?[...o.filter((u,r)=>r<n.value),e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:()=>e.h("div",{class:[i.getBemElement(s,"truncate"),t.truncateCls]},`+${o.length-n.value+1}`),content:()=>e.h("div",{class:l(t)},{default:()=>o.filter((u,r)=>r>=n.value)})})]:o},s=i.getBemBlock("chip_group"),l=v.cva(s,{variants:{size:i.generateVariantClassList(a,s)}});return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l)(t))},[e.createVNode(h)],2))}});exports.ChipColors=q;exports.ChipSizes=a;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-BJqIuqb1.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
|