yuyeon 0.0.0 → 0.0.3

package/lib/components/table/YDataTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTable.mjs","names":["computed","defineComponent","useRender","YDataTableBody","YDataTableControl","YDataTableHead","YDataTableLayer","YTable","propsFactory","pressDataTablePaginationProps","pressDataTableProps","width","String","Number","search","YDataTable","name","props","setup","_ref","slots","slotProps","_createVNode","default","top","value","leading","_Fragment","thead","tbody","tfoot","trailing","bottom","prepend"],"sources":["../../../src/components/table/YDataTable.tsx"],"sourcesContent":["import { computed, defineComponent, PropType } from \"vue\";\n\nimport { useRender } from '../../composables/component';\nimport { YDataTableBody } from './YDataTableBody';\nimport { YDataTableControl } from './YDataTableControl';\nimport { YDataTableHead } from './YDataTableHead';\nimport { YDataTableLayer } from './YDataTableLayer';\nimport { YTable } from './YTable';\nimport { propsFactory } from \"../../util/vue-component\";\nimport { pressDataTablePaginationProps } from \"./pagination\";\n\nexport const pressDataTableProps = propsFactory({\n  width: [String, Number] as PropType<string | number>,\n  search: String as PropType<string>,\n  ...pressDataTablePaginationProps(),\n}, 'YDataTable')\n\nexport const YDataTable = defineComponent({\n  name: 'YDataTable',\n  props: {\n    ...pressDataTableProps(),\n  },\n  setup(props, { slots }) {\n    const slotProps = computed(() => {\n      return {};\n    });\n    useRender(() => {\n      return (\n        <YTable class={['y-data-table']} v-slots={slots}>\n          {{\n            top: () => slots.top?.(slotProps.value),\n            leading: () =>\n              slots.leading ? (\n                slots.leading(slotProps.value)\n              ) : (\n                <>\n                  <YDataTableLayer v-slots={slots}></YDataTableLayer>\n                </>\n              ),\n            default: () =>\n              slots.default ? (\n                slots.default(slotProps.value)\n              ) : (\n                <>\n                  <thead>\n                    <YDataTableHead v-slots={slots}></YDataTableHead>\n                  </thead>\n                  {slots.thead?.(slotProps.value)}\n                  <tbody>\n                    <YDataTableBody v-slots={slots}></YDataTableBody>\n                  </tbody>\n                  {slots.tbody?.(slotProps.value)}\n                  {slots.tfoot?.(slotProps.value)}\n                </>\n              ),\n            trailing: () => slots.trailing?.(slotProps.value),\n            bottom: () =>\n              slots.bottom ? (\n                slots.bottom(slotProps.value)\n              ) : (\n                <YDataTableControl\n                  v-slots={{\n                    prepend: slots['control.prepend'],\n                  }}\n                ></YDataTableControl>\n              ),\n          }}\n        </YTable>\n      );\n    });\n  },\n});\n\nexport type YDataTable = InstanceType<typeof YDataTable>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,QAAkB,KAAK;AAAC,SAEjDC,SAAS;AAAA,SACTC,cAAc;AAAA,SACdC,iBAAiB;AAAA,SACjBC,cAAc;AAAA,SACdC,eAAe;AAAA,SACfC,MAAM;AAAA,SACNC,YAAY;AAAA,SACZC,6BAA6B;AAEtC,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9CG,KAAK,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;EACpDC,MAAM,EAAEF,MAA0B;EAClC,GAAGH,6BAA6B,CAAC;AACnC,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMM,UAAU,GAAGd,eAAe,CAAC;EACxCe,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACL,GAAGP,mBAAmB,CAAC;EACzB,CAAC;EACDQ,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IACFE,SAAS,CAAC,MAAM;MACd,OAAAoB,YAAA,CAAAf,MAAA;QAAA,SACiB,CAAC,cAAc;MAAC;QAAAgB,OAAA,EAAAA,CAAA,MAC5B;UACCC,GAAG,EAAEA,CAAA,KAAMJ,KAAK,CAACI,GAAG,GAAGH,SAAS,CAACI,KAAK,CAAC;UACvCC,OAAO,EAAEA,CAAA,KACPN,KAAK,CAACM,OAAO,GACXN,KAAK,CAACM,OAAO,CAACL,SAAS,CAACI,KAAK,CAAC,GAAAH,YAAA,CAAAK,SAAA,SAAAL,YAAA,CAAAhB,eAAA,QAGFc,KAAK,GAElC;UACHG,OAAO,EAAEA,CAAA,KACPH,KAAK,CAACG,OAAO,GACXH,KAAK,CAACG,OAAO,CAACF,SAAS,CAACI,KAAK,CAAC,GAAAH,YAAA,CAAAK,SAAA,SAAAL,YAAA,iBAAAA,YAAA,CAAAjB,cAAA,QAIDe,KAAK,KAE/BA,KAAK,CAACQ,KAAK,GAAGP,SAAS,CAACI,KAAK,CAAC,EAAAH,YAAA,iBAAAA,YAAA,CAAAnB,cAAA,QAEJiB,KAAK,KAE/BA,KAAK,CAACS,KAAK,GAAGR,SAAS,CAACI,KAAK,CAAC,EAC9BL,KAAK,CAACU,KAAK,GAAGT,SAAS,CAACI,KAAK,CAAC,EAElC;UACHM,QAAQ,EAAEA,CAAA,KAAMX,KAAK,CAACW,QAAQ,GAAGV,SAAS,CAACI,KAAK,CAAC;UACjDO,MAAM,EAAEA,CAAA,KACNZ,KAAK,CAACY,MAAM,GACVZ,KAAK,CAACY,MAAM,CAACX,SAAS,CAACI,KAAK,CAAC,GAAAH,YAAA,CAAAlB,iBAAA,QAGlB;YACP6B,OAAO,EAAEb,KAAK,CAAC,iBAAiB;UAClC,CAAC;QAGT,CAAC;QAAA,GAtCuCA;MAAK;IAyCnD,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableBody.mjs

@@ -0,0 +1,12 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+export const YDataTableBody = defineComponent({
+  name: 'YDataTableBody',
+  setup() {
+    useRender(() => {
+      return _createVNode("div", null, null);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableBody.mjs.map

package/lib/components/table/YDataTableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableBody.mjs","names":["defineComponent","useRender","YDataTableBody","name","setup","_createVNode"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\n\r\nexport const YDataTableBody = defineComponent({\r\n  name: 'YDataTableBody',\r\n  setup() {\r\n    useRender(() => {\r\n      return <div></div>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAElB,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBAAgB;EACtBC,KAAKA,CAAA,EAAG;IACNH,SAAS,CAAC,MAAM;MACd,OAAAI,YAAA;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableCell.mjs

@@ -0,0 +1,55 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { defineComponent, computed } from "vue";
+import { useRender } from "../../composables/component.mjs";
+import { toStyleSizeValue } from "../../util/ui.mjs";
+export const YDataTableCell = defineComponent({
+  name: 'YDataTableCell',
+  props: {
+    type: {
+      type: String,
+      default: 'data'
+    },
+    fixed: {
+      type: String
+    },
+    fixedOffset: {
+      type: Number
+    },
+    width: {
+      type: [Number, String]
+    }
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs
+    } = _ref;
+    const offsetStyle = computed(() => {
+      const ret = {};
+      if (props.fixed && props.fixedOffset !== undefined) {
+        if (props.fixed === 'lead') {
+          ret['left'] = toStyleSizeValue(props.fixedOffset);
+        } else if (props.fixed === 'trail') {
+          ret['right'] = toStyleSizeValue(props.fixedOffset);
+        }
+      }
+      return ret;
+    });
+    useRender(() => {
+      const ElTag = props.type === 'head' ? 'th' : 'td';
+      return _createVNode(ElTag, _mergeProps({
+        "class": ['y-data-table__cell', 'y-data-table-cell', {
+          'y-data-table-cell--fixed': props.fixed,
+          [`y-data-table-cell--fixed-${props.fixed}`]: props.fixed
+        }],
+        "style": {
+          width: toStyleSizeValue(props.width),
+          ...offsetStyle.value
+        }
+      }, attrs), {
+        default: () => [slots.default?.()]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YDataTableCell.mjs.map

package/lib/components/table/YDataTableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableCell.mjs","names":["defineComponent","computed","useRender","toStyleSizeValue","YDataTableCell","name","props","type","String","default","fixed","fixedOffset","Number","width","setup","_ref","slots","attrs","offsetStyle","ret","undefined","ElTag","_createVNode","_mergeProps","value"],"sources":["../../../src/components/table/YDataTableCell.tsx"],"sourcesContent":["import { PropType, defineComponent, computed, CSSProperties } from \"vue\";\n\nimport { useRender } from '../../composables/component';\nimport { toStyleSizeValue } from \"../../util/ui\";\n\nexport const YDataTableCell = defineComponent({\n  name: 'YDataTableCell',\n  props: {\n    type: {\n      type: String as PropType<'head' | 'data'>,\n      default: 'data',\n    },\n    fixed: {\n      type: String as PropType<'lead' | 'trail'>,\n    },\n    fixedOffset: {\n      type: Number as PropType<number>,\n    },\n    width: {\n      type: [Number, String] as PropType<string | number>\n    }\n  },\n  setup(props, { slots, attrs }) {\n    const offsetStyle = computed(() => {\n      const ret: CSSProperties = {};\n      if (props.fixed && props.fixedOffset !== undefined) {\n        if (props.fixed === 'lead') {\n          ret['left'] = toStyleSizeValue(props.fixedOffset);\n        } else if (props.fixed === 'trail') {\n          ret['right'] = toStyleSizeValue(props.fixedOffset);\n        }\n      }\n      return ret\n    })\n\n    useRender(() => {\n      const ElTag = props.type === 'head' ? 'th' : 'td';\n      return (\n        <ElTag\n          class={[\n            'y-data-table__cell',\n            'y-data-table-cell',\n            {\n              'y-data-table-cell--fixed': props.fixed,\n              [`y-data-table-cell--fixed-${props.fixed}`]: props.fixed,\n            },\n          ]}\n          style={{\n            width: toStyleSizeValue(props.width),\n            ...offsetStyle.value\n          }}\n          {...attrs}\n        >\n          {slots.default?.()}\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YDataTableCell = InstanceType<typeof YDataTableCell>;\n"],"mappings":";AAAA,SAAmBA,eAAe,EAAEC,QAAQ,QAAuB,KAAK;AAAC,SAEhEC,SAAS;AAAA,SACTC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,GAAGJ,eAAe,CAAC;EAC5CK,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJA,IAAI,EAAEC,MAAmC;MACzCC,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACLH,IAAI,EAAEC;IACR,CAAC;IACDG,WAAW,EAAE;MACXJ,IAAI,EAAEK;IACR,CAAC;IACDC,KAAK,EAAE;MACLN,IAAI,EAAE,CAACK,MAAM,EAAEJ,MAAM;IACvB;EACF,CAAC;EACDM,KAAKA,CAACR,KAAK,EAAAS,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,WAAW,GAAGjB,QAAQ,CAAC,MAAM;MACjC,MAAMkB,GAAkB,GAAG,CAAC,CAAC;MAC7B,IAAIb,KAAK,CAACI,KAAK,IAAIJ,KAAK,CAACK,WAAW,KAAKS,SAAS,EAAE;QAClD,IAAId,KAAK,CAACI,KAAK,KAAK,MAAM,EAAE;UAC1BS,GAAG,CAAC,MAAM,CAAC,GAAGhB,gBAAgB,CAACG,KAAK,CAACK,WAAW,CAAC;QACnD,CAAC,MAAM,IAAIL,KAAK,CAACI,KAAK,KAAK,OAAO,EAAE;UAClCS,GAAG,CAAC,OAAO,CAAC,GAAGhB,gBAAgB,CAACG,KAAK,CAACK,WAAW,CAAC;QACpD;MACF;MACA,OAAOQ,GAAG;IACZ,CAAC,CAAC;IAEFjB,SAAS,CAAC,MAAM;MACd,MAAMmB,KAAK,GAAGf,KAAK,CAACC,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI;MACjD,OAAAe,YAAA,CAAAD,KAAA,EAAAE,WAAA;QAAA,SAEW,CACL,oBAAoB,EACpB,mBAAmB,EACnB;UACE,0BAA0B,EAAEjB,KAAK,CAACI,KAAK;UACvC,CAAE,4BAA2BJ,KAAK,CAACI,KAAM,EAAC,GAAGJ,KAAK,CAACI;QACrD,CAAC,CACF;QAAA,SACM;UACLG,KAAK,EAAEV,gBAAgB,CAACG,KAAK,CAACO,KAAK,CAAC;UACpC,GAAGK,WAAW,CAACM;QACjB;MAAC,GACGP,KAAK;QAAAR,OAAA,EAAAA,CAAA,MAERO,KAAK,CAACP,OAAO,GAAG,CAAC;MAAA;IAGxB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableControl.mjs

@@ -0,0 +1,37 @@
+import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+import { YButton } from "../button/index.mjs";
+import { YFieldInput } from "../field-input/index.mjs";
+import { YIconExpand } from "../icons/index.mjs";
+import "./YDataTableControl.scss";
+export const YDataTableControl = defineComponent({
+  name: 'YDataTableControl',
+  components: {
+    YButton,
+    YIconExpand,
+    YFieldInput
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      return _createVNode("footer", {
+        "class": ['y-data-table-control']
+      }, [slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode(YButton, {
+        "outlined": true
+      }, {
+        default: () => [_createTextVNode("20"), _createVNode(YIconExpand, {
+          "style": {
+            width: '16px',
+            height: '16px'
+          }
+        }, null)]
+      }), _createTextVNode("\uD398\uC774\uC9C0"), _createVNode("div", null, [_createVNode(YFieldInput, {
+        "outlined": true
+      }, null)])])]);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableControl.mjs.map

package/lib/components/table/YDataTableControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableControl.mjs","names":["defineComponent","useRender","YButton","YFieldInput","YIconExpand","YDataTableControl","name","components","setup","props","_ref","slots","_createVNode","default","_Fragment","_createTextVNode","width","height"],"sources":["../../../src/components/table/YDataTableControl.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { YButton } from '../button';\r\nimport { YFieldInput } from '../field-input';\r\nimport { YIconExpand } from '../icons';\r\nimport './YDataTableControl.scss';\r\n\r\nexport const YDataTableControl = defineComponent({\r\n  name: 'YDataTableControl',\r\n  components: {\r\n    YButton,\r\n    YIconExpand,\r\n    YFieldInput,\r\n  },\r\n  setup(props, { slots }) {\r\n    useRender(() => {\r\n      return (\r\n        <footer class={['y-data-table-control']}>\r\n          {slots.default ? (\r\n            slots.default()\r\n          ) : (\r\n            <>\r\n              <YButton outlined>\r\n                20\r\n                <YIconExpand\r\n                  style={{ width: '16px', height: '16px' }}\r\n                ></YIconExpand>\r\n              </YButton>\r\n              페이지\r\n              <div>\r\n                <YFieldInput outlined></YFieldInput>\r\n              </div>\r\n            </>\r\n          )}\r\n        </footer>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableControl = InstanceType<typeof YDataTableControl>;\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,WAAW;AACpB;AAEA,OAAO,MAAMC,iBAAiB,GAAGL,eAAe,CAAC;EAC/CM,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE;IACVL,OAAO;IACPE,WAAW;IACXD;EACF,CAAC;EACDK,KAAKA,CAACC,KAAK,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBT,SAAS,CAAC,MAAM;MACd,OAAAW,YAAA;QAAA,SACiB,CAAC,sBAAsB;MAAC,IACpCD,KAAK,CAACE,OAAO,GACZF,KAAK,CAACE,OAAO,CAAC,CAAC,GAAAD,YAAA,CAAAE,SAAA,SAAAF,YAAA,CAAAV,OAAA;QAAA;MAAA;QAAAW,OAAA,EAAAA,CAAA,MAAAE,gBAAA,QAAAH,YAAA,CAAAR,WAAA;UAAA,SAMF;YAAEY,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAO;QAAC;MAAA,IAAAF,gBAAA,wBAAAH,YAAA,eAAAA,YAAA,CAAAT,WAAA;QAAA;MAAA,YAQ/C;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableControl.scss

@@ -0,0 +1,6 @@
+.y-data-table-control {
+  display: flex;
+  align-items: center;
+  padding: 8px 16px;
+  gap: 8px;
+}

package/lib/components/table/YDataTableHead.mjs

@@ -0,0 +1,12 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+export const YDataTableHead = defineComponent({
+  name: 'YDataTableHead',
+  setup() {
+    useRender(() => {
+      return _createVNode("tr", null, null);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableHead.mjs.map

package/lib/components/table/YDataTableHead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableHead.mjs","names":["defineComponent","useRender","YDataTableHead","name","setup","_createVNode"],"sources":["../../../src/components/table/YDataTableHead.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\n\r\nexport const YDataTableHead = defineComponent({\r\n  name: 'YDataTableHead',\r\n  setup() {\r\n    useRender(() => {\r\n      return <tr></tr>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableHead = InstanceType<typeof YDataTableHead>;\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAElB,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBAAgB;EACtBC,KAAKA,CAAA,EAAG;IACNH,SAAS,CAAC,MAAM;MACd,OAAAI,YAAA;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableLayer.mjs

@@ -0,0 +1,14 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+export const YDataTableLayer = defineComponent({
+  name: 'YDataTableLayer',
+  setup() {
+    useRender(() => {
+      return _createVNode("div", {
+        "class": ['y-data-table-layer']
+      }, null);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableLayer.mjs.map

package/lib/components/table/YDataTableLayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableLayer.mjs","names":["defineComponent","useRender","YDataTableLayer","name","setup","_createVNode"],"sources":["../../../src/components/table/YDataTableLayer.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\n\r\nexport const YDataTableLayer = defineComponent({\r\n  name: 'YDataTableLayer',\r\n  setup() {\r\n    useRender(() => {\r\n      return <div class={['y-data-table-layer']}></div>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableLayer = InstanceType<typeof YDataTableLayer>;\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAElB,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBAAiB;EACvBC,KAAKA,CAAA,EAAG;IACNH,SAAS,CAAC,MAAM;MACd,OAAAI,YAAA;QAAA,SAAmB,CAAC,oBAAoB;MAAC;IAC3C,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableRow.mjs

@@ -0,0 +1,12 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+export const YDataTableRow = defineComponent({
+  name: 'YDataTableRow',
+  setup() {
+    useRender(() => {
+      return _createVNode("tr", null, null);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableRow.mjs.map

package/lib/components/table/YDataTableRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableRow.mjs","names":["defineComponent","useRender","YDataTableRow","name","setup","_createVNode"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\n\r\nexport const YDataTableRow = defineComponent({\r\n  name: 'YDataTableRow',\r\n  setup() {\r\n    useRender(() => {\r\n      return <tr></tr>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAElB,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eAAe;EACrBC,KAAKA,CAAA,EAAG;IACNH,SAAS,CAAC,MAAM;MACd,OAAAI,YAAA;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableServer.mjs

@@ -0,0 +1,54 @@
+import { createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
+import { computed, defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+import { propsFactory } from "../../util/vue-component.mjs";
+import { pressDataTableProps } from "./YDataTable.mjs";
+import { YDataTableBody } from "./YDataTableBody.mjs";
+import { YDataTableControl } from "./YDataTableControl.mjs";
+import { YDataTableHead } from "./YDataTableHead.mjs";
+import { YDataTableLayer } from "./YDataTableLayer.mjs";
+import { YTable } from "./YTable.mjs";
+import { pressDataTablePaginationProps } from "./pagination.mjs";
+export const pressDataTableServerProps = propsFactory({
+  total: {
+    type: [Number, String],
+    required: true
+  },
+  ...pressDataTablePaginationProps(),
+  ...pressDataTableProps()
+}, 'YDataTableServer');
+export const YDataTableServer = defineComponent({
+  name: 'YDataTableServer',
+  components: {
+    YTable,
+    YDataTableLayer,
+    YDataTableHead,
+    YDataTableBody,
+    YDataTableControl
+  },
+  props: {
+    ...pressDataTableServerProps()
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const slotProps = computed(() => {
+      return {};
+    });
+    useRender(() => {
+      return _createVNode(YTable, {
+        "class": ['y-data-table']
+      }, {
+        top: () => slots.top?.(slotProps.value),
+        leading: () => slots.leading ? slots.leading(slotProps.value) : _createVNode(_Fragment, null, [_createVNode(YDataTableLayer, null, slots)]),
+        default: () => slots.default ? slots.default(slotProps.value) : _createVNode(_Fragment, null, [_createVNode("thead", null, [_createVNode(YDataTableHead, null, slots)]), slots.thead?.(slotProps.value), _createVNode("tbody", null, [_createVNode(YDataTableBody, null, slots)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
+        trailing: () => slots.trailing?.(slotProps.value),
+        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : _createVNode(YDataTableControl, null, {
+          prepend: slots['control.prepend']
+        })
+      });
+    });
+  }
+});
+//# sourceMappingURL=YDataTableServer.mjs.map

package/lib/components/table/YDataTableServer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableServer.mjs","names":["computed","defineComponent","useRender","propsFactory","pressDataTableProps","YDataTableBody","YDataTableControl","YDataTableHead","YDataTableLayer","YTable","pressDataTablePaginationProps","pressDataTableServerProps","total","type","Number","String","required","YDataTableServer","name","components","props","setup","_ref","slots","slotProps","_createVNode","top","value","leading","_Fragment","default","thead","tbody","tfoot","trailing","bottom","prepend"],"sources":["../../../src/components/table/YDataTableServer.tsx"],"sourcesContent":["import { PropType, computed, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { propsFactory } from '../../util/vue-component';\nimport { pressDataTableProps } from './YDataTable';\nimport { YDataTableBody } from './YDataTableBody';\nimport { YDataTableControl } from './YDataTableControl';\nimport { YDataTableHead } from './YDataTableHead';\nimport { YDataTableLayer } from './YDataTableLayer';\nimport { YTable } from './YTable';\nimport { pressDataTablePaginationProps } from './pagination';\n\nexport const pressDataTableServerProps = propsFactory(\n  {\n    total: {\n      type: [Number, String] as PropType<number | string>,\n      required: true,\n    },\n    ...pressDataTablePaginationProps(),\n    ...pressDataTableProps(),\n  },\n  'YDataTableServer',\n);\n\nexport const YDataTableServer = defineComponent({\n  name: 'YDataTableServer',\n  components: {\n    YTable,\n    YDataTableLayer,\n    YDataTableHead,\n    YDataTableBody,\n    YDataTableControl,\n  },\n  props: {\n    ...pressDataTableServerProps(),\n  },\n  setup(props, { slots }) {\n    const slotProps = computed(() => {\n      return {};\n    });\n    useRender(() => {\n      return (\n        <YTable class={['y-data-table']}>\n          {{\n            top: () => slots.top?.(slotProps.value),\n            leading: () =>\n              slots.leading ? (\n                slots.leading(slotProps.value)\n              ) : (\n                <>\n                  <YDataTableLayer v-slots={slots}></YDataTableLayer>\n                </>\n              ),\n            default: () =>\n              slots.default ? (\n                slots.default(slotProps.value)\n              ) : (\n                <>\n                  <thead>\n                    <YDataTableHead v-slots={slots}></YDataTableHead>\n                  </thead>\n                  {slots.thead?.(slotProps.value)}\n                  <tbody>\n                    <YDataTableBody v-slots={slots}></YDataTableBody>\n                  </tbody>\n                  {slots.tbody?.(slotProps.value)}\n                  {slots.tfoot?.(slotProps.value)}\n                </>\n              ),\n            trailing: () => slots.trailing?.(slotProps.value),\n            bottom: () =>\n              slots.bottom ? (\n                slots.bottom(slotProps.value)\n              ) : (\n                <YDataTableControl\n                  v-slots={{\n                    prepend: slots['control.prepend'],\n                  }}\n                ></YDataTableControl>\n              ),\n          }}\n        </YTable>\n      );\n    });\n  },\n});\n\nexport type YDataTableServer = InstanceType<typeof YDataTableServer>;\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,QAAQ,KAAK;AAAC,SAEjDC,SAAS;AAAA,SACTC,YAAY;AAAA,SACZC,mBAAmB;AAAA,SACnBC,cAAc;AAAA,SACdC,iBAAiB;AAAA,SACjBC,cAAc;AAAA,SACdC,eAAe;AAAA,SACfC,MAAM;AAAA,SACNC,6BAA6B;AAEtC,OAAO,MAAMC,yBAAyB,GAAGR,YAAY,CACnD;EACES,KAAK,EAAE;IACLC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;IACnDC,QAAQ,EAAE;EACZ,CAAC;EACD,GAAGN,6BAA6B,CAAC,CAAC;EAClC,GAAGN,mBAAmB,CAAC;AACzB,CAAC,EACD,kBACF,CAAC;AAED,OAAO,MAAMa,gBAAgB,GAAGhB,eAAe,CAAC;EAC9CiB,IAAI,EAAE,kBAAkB;EACxBC,UAAU,EAAE;IACVV,MAAM;IACND,eAAe;IACfD,cAAc;IACdF,cAAc;IACdC;EACF,CAAC;EACDc,KAAK,EAAE;IACL,GAAGT,yBAAyB,CAAC;EAC/B,CAAC;EACDU,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,SAAS,GAAGxB,QAAQ,CAAC,MAAM;MAC/B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IACFE,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAhB,MAAA;QAAA,SACiB,CAAC,cAAc;MAAC;QAE3BiB,GAAG,EAAEA,CAAA,KAAMH,KAAK,CAACG,GAAG,GAAGF,SAAS,CAACG,KAAK,CAAC;QACvCC,OAAO,EAAEA,CAAA,KACPL,KAAK,CAACK,OAAO,GACXL,KAAK,CAACK,OAAO,CAACJ,SAAS,CAACG,KAAK,CAAC,GAAAF,YAAA,CAAAI,SAAA,SAAAJ,YAAA,CAAAjB,eAAA,QAGFe,KAAK,GAElC;QACHO,OAAO,EAAEA,CAAA,KACPP,KAAK,CAACO,OAAO,GACXP,KAAK,CAACO,OAAO,CAACN,SAAS,CAACG,KAAK,CAAC,GAAAF,YAAA,CAAAI,SAAA,SAAAJ,YAAA,iBAAAA,YAAA,CAAAlB,cAAA,QAIDgB,KAAK,KAE/BA,KAAK,CAACQ,KAAK,GAAGP,SAAS,CAACG,KAAK,CAAC,EAAAF,YAAA,iBAAAA,YAAA,CAAApB,cAAA,QAEJkB,KAAK,KAE/BA,KAAK,CAACS,KAAK,GAAGR,SAAS,CAACG,KAAK,CAAC,EAC9BJ,KAAK,CAACU,KAAK,GAAGT,SAAS,CAACG,KAAK,CAAC,EAElC;QACHO,QAAQ,EAAEA,CAAA,KAAMX,KAAK,CAACW,QAAQ,GAAGV,SAAS,CAACG,KAAK,CAAC;QACjDQ,MAAM,EAAEA,CAAA,KACNZ,KAAK,CAACY,MAAM,GACVZ,KAAK,CAACY,MAAM,CAACX,SAAS,CAACG,KAAK,CAAC,GAAAF,YAAA,CAAAnB,iBAAA,QAGlB;UACP8B,OAAO,EAAEb,KAAK,CAAC,iBAAiB;QAClC,CAAC;MAEJ;IAIX,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YTable.mjs

@@ -0,0 +1,53 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+import { useResizeObserver } from "../../composables/resize-observer.mjs";
+import { toStyleSizeValue } from "../../util/ui.mjs";
+import "./YTable.scss";
+export const YTable = defineComponent({
+  name: 'YTable',
+  props: {
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    fixedHead: {
+      type: Boolean
+    },
+    height: {
+      type: [Number, String]
+    },
+    flexHeight: {
+      type: Boolean
+    }
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      resizeObservedRef,
+      contentRect
+    } = useResizeObserver();
+    useRender(() => {
+      const ElTag = props.tag ?? 'div';
+      const containerHeight = props.flexHeight ? contentRect.value?.height ?? props.height : props.height;
+      return _createVNode(ElTag, {
+        "class": ['y-table', {
+          'y-table--fixed-head': props.fixedHead,
+          'y-table--fixed-height': props.flexHeight || props.height,
+          'y-table--flex-height': props.flexHeight
+        }]
+      }, {
+        default: () => [slots.top?.(), slots.default ? _createVNode("div", {
+          "class": ['y-table__container'],
+          "ref": resizeObservedRef,
+          "style": {
+            height: toStyleSizeValue(containerHeight)
+          }
+        }, [slots.leading?.(), _createVNode("table", null, [slots.default()]), slots.trailing?.()]) : slots.container?.(resizeObservedRef, contentRect), slots.bottom?.()]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YTable.mjs.map

package/lib/components/table/YTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTable.mjs","names":["defineComponent","useRender","useResizeObserver","toStyleSizeValue","YTable","name","props","tag","type","String","default","fixedHead","Boolean","height","Number","flexHeight","setup","_ref","slots","resizeObservedRef","contentRect","ElTag","containerHeight","value","_createVNode","top","leading","trailing","container","bottom"],"sources":["../../../src/components/table/YTable.tsx"],"sourcesContent":["import { PropType, computed, defineComponent } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { useResizeObserver } from '../../composables/resize-observer';\r\nimport { toStyleSizeValue } from '../../util/ui';\r\nimport './YTable.scss';\r\n\r\nexport const YTable = defineComponent({\r\n  name: 'YTable',\r\n  props: {\r\n    tag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    fixedHead: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    height: {\r\n      type: [Number, String] as PropType<number | string>,\r\n    },\r\n    flexHeight: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const { resizeObservedRef, contentRect } = useResizeObserver();\r\n    useRender(() => {\r\n      const ElTag = (props.tag as keyof HTMLElementTagNameMap) ?? 'div';\r\n      const containerHeight = props.flexHeight\r\n        ? (contentRect.value?.height ?? props.height)\r\n        : props.height;\r\n      return (\r\n        <ElTag\r\n          class={[\r\n            'y-table',\r\n            {\r\n              'y-table--fixed-head': props.fixedHead,\r\n              'y-table--fixed-height': props.flexHeight || props.height,\r\n              'y-table--flex-height': props.flexHeight,\r\n            },\r\n          ]}\r\n        >\r\n          {slots.top?.()}\r\n          {slots.default ? (\r\n            <div\r\n              class={['y-table__container']}\r\n              ref={resizeObservedRef}\r\n              style={{\r\n                height: toStyleSizeValue(containerHeight),\r\n              }}\r\n            >\r\n              {slots.leading?.()}\r\n              <table>{slots.default()}</table>\r\n              {slots.trailing?.()}\r\n            </div>\r\n          ) : (\r\n            slots.container?.(resizeObservedRef, contentRect)\r\n          )}\r\n          {slots.bottom?.()}\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAA6BA,eAAe,QAAQ,KAAK;AAAC,SAEjDC,SAAS;AAAA,SACTC,iBAAiB;AAAA,SACjBC,gBAAgB;AACzB;AAEA,OAAO,MAAMC,MAAM,GAAGJ,eAAe,CAAC;EACpCK,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,GAAG,EAAE;MACHC,IAAI,EAAEC,MAA0B;MAChCC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACTH,IAAI,EAAEI;IACR,CAAC;IACDC,MAAM,EAAE;MACNL,IAAI,EAAE,CAACM,MAAM,EAAEL,MAAM;IACvB,CAAC;IACDM,UAAU,EAAE;MACVP,IAAI,EAAEI;IACR;EACF,CAAC;EACDI,KAAKA,CAACV,KAAK,EAAAW,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE,iBAAiB;MAAEC;IAAY,CAAC,GAAGlB,iBAAiB,CAAC,CAAC;IAC9DD,SAAS,CAAC,MAAM;MACd,MAAMoB,KAAK,GAAIf,KAAK,CAACC,GAAG,IAAoC,KAAK;MACjE,MAAMe,eAAe,GAAGhB,KAAK,CAACS,UAAU,GACnCK,WAAW,CAACG,KAAK,EAAEV,MAAM,IAAIP,KAAK,CAACO,MAAM,GAC1CP,KAAK,CAACO,MAAM;MAChB,OAAAW,YAAA,CAAAH,KAAA;QAAA,SAEW,CACL,SAAS,EACT;UACE,qBAAqB,EAAEf,KAAK,CAACK,SAAS;UACtC,uBAAuB,EAAEL,KAAK,CAACS,UAAU,IAAIT,KAAK,CAACO,MAAM;UACzD,sBAAsB,EAAEP,KAAK,CAACS;QAChC,CAAC;MACF;QAAAL,OAAA,EAAAA,CAAA,MAEAQ,KAAK,CAACO,GAAG,GAAG,CAAC,EACbP,KAAK,CAACR,OAAO,GAAAc,YAAA;UAAA,SAEH,CAAC,oBAAoB,CAAC;UAAA,OACxBL,iBAAiB;UAAA,SACf;YACLN,MAAM,EAAEV,gBAAgB,CAACmB,eAAe;UAC1C;QAAC,IAEAJ,KAAK,CAACQ,OAAO,GAAG,CAAC,EAAAF,YAAA,iBACVN,KAAK,CAACR,OAAO,CAAC,CAAC,IACtBQ,KAAK,CAACS,QAAQ,GAAG,CAAC,KAGrBT,KAAK,CAACU,SAAS,GAAGT,iBAAiB,EAAEC,WAAW,CACjD,EACAF,KAAK,CAACW,MAAM,GAAG,CAAC;MAAA;IAGvB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YTable.scss

@@ -0,0 +1,61 @@
+$table-cell-padding: 0 16px !default;
+
+.y-table {
+  display: flex;
+  flex-direction: column;
+
+  &--fixed-height > &__container {
+    overflow-y: auto;
+  }
+
+  &--flex-height {
+    //flex-grow: 1;
+    min-height: 0;
+  }
+
+  &--flex-height > &__container {
+    flex: 1 1;
+  }
+
+  &__container > table {
+    width: 100%;
+    border-spacing: 0;
+  }
+
+  &--fixed-head > &__container > table > thead > tr > th {
+    position: sticky;
+    top: 0;
+  }
+
+  &--fixed-head.y-table > &__container > table > thead > tr > th {
+    z-index: 1;
+    background: rgba(var(--y-theme-panel, 250, 250, 250), 1);
+  }
+
+  &__container {
+    > table {
+      > thead,
+      > tbody,
+      > tfoot {
+        > tr {
+          > th, > td {
+            padding: $table-cell-padding;
+          }
+        }
+      }
+
+      > thead > tr {
+        > th {
+          height: 56px;
+          text-align: left;
+        }
+      }
+
+      > tbody > tr {
+        > td {
+          height: 54px;
+        }
+      }
+    }
+  }
+}

package/lib/components/table/index.mjs

@@ -0,0 +1,4 @@
+export * from "./YTable.mjs";
+export * from "./YDataTable.mjs";
+export * from "./YDataTableServer.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/components/table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/table/index.ts"],"sourcesContent":["export * from './YTable';\r\nexport * from './YDataTable';\r\nexport * from './YDataTableServer';\r\n"],"mappings":""}

package/lib/components/table/pagination.mjs

@@ -0,0 +1,21 @@
+import { propsFactory } from "../../util/vue-component.mjs";
+import { useModelDuplex } from "../../composables/communication.mjs";
+export const pressDataTablePaginationProps = propsFactory({
+  page: {
+    type: [Number, String],
+    default: 0
+  },
+  pageSize: {
+    type: [Number, String],
+    default: 10
+  }
+}, 'YDataTable__pagination');
+export function createPagination(props) {
+  const page = useModelDuplex(props, 'page', undefined, value => +(value ?? 0));
+  const pageSize = useModelDuplex(props, 'pageSize', undefined, value => +(value ?? 10));
+  return {
+    page,
+    pageSize
+  };
+}
+//# sourceMappingURL=pagination.mjs.map

package/lib/components/table/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","names":["propsFactory","useModelDuplex","pressDataTablePaginationProps","page","type","Number","String","default","pageSize","createPagination","props","undefined","value"],"sources":["../../../src/components/table/pagination.ts"],"sourcesContent":["import { PropType } from 'vue';\nimport { propsFactory } from \"../../util/vue-component\";\nimport { useModelDuplex } from \"../../composables/communication\";\n\nexport const pressDataTablePaginationProps = propsFactory(\n  {\n    page: {\n      type: [Number, String] as PropType<number | string>,\n      default: 0,\n    },\n    pageSize: {\n      type: [Number, String] as PropType<number | string>,\n      default: 10,\n    },\n  },\n  'YDataTable__pagination',\n);\n\ntype PaginationProps = {\n  page: number | string;\n  'onUpdate:page': ((v: any) => void) | undefined;\n  pageSize: number | string;\n  'onUpdate:pageSize': ((v: any) => void) | undefined;\n  total?: number | string;\n};\n\nexport function createPagination(props: PaginationProps) {\n  const page = useModelDuplex(\n    props,\n    'page',\n    undefined,\n    (value) => +(value ?? 0),\n  );\n  const pageSize = useModelDuplex(\n    props,\n    'pageSize',\n    undefined,\n    (value) => +(value ?? 10),\n  );\n  return { page, pageSize };\n}\n"],"mappings":"SACSA,YAAY;AAAA,SACZC,cAAc;AAEvB,OAAO,MAAMC,6BAA6B,GAAGF,YAAY,CACvD;EACEG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;IACnDC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRJ,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;IACnDC,OAAO,EAAE;EACX;AACF,CAAC,EACD,wBACF,CAAC;AAUD,OAAO,SAASE,gBAAgBA,CAACC,KAAsB,EAAE;EACvD,MAAMP,IAAI,GAAGF,cAAc,CACzBS,KAAK,EACL,MAAM,EACNC,SAAS,EACRC,KAAK,IAAK,EAAEA,KAAK,IAAI,CAAC,CACzB,CAAC;EACD,MAAMJ,QAAQ,GAAGP,cAAc,CAC7BS,KAAK,EACL,UAAU,EACVC,SAAS,EACRC,KAAK,IAAK,EAAEA,KAAK,IAAI,EAAE,CAC1B,CAAC;EACD,OAAO;IAAET,IAAI;IAAEK;EAAS,CAAC;AAC3B"}

package/lib/components/text-highlighter/YTextHighlighter.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, h } from 'vue';
+import "./YTextHighlighter.scss";
+export default defineComponent({
+  name: 'YTextHighlighter',
+  props: {
+    text: {
+      type: String
+    },
+    keyword: {
+      type: String
+    },
+    color: {
+      type: String
+    },
+    sensitive: {
+      type: Boolean
+    }
+  },
+  computed: {
+    splitText() {
+      const {
+        keyword,
+        text
+      } = this;
+      if (keyword && text) {
+        const split = [];
+        let stack = text;
+        const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');
+        while (stack.length > 0) {
+          const index = stack.search(keyExp);
+          if (index < 0) {
+            split.push({
+              text: stack,
+              isKeyword: false
+            });
+            stack = '';
+          } else if (index < 1) {
+            split.push({
+              text: stack.substring(0, keyword.length),
+              isKeyword: true
+            });
+            stack = stack.substring(keyword.length, stack.length);
+          } else {
+            split.push({
+              text: stack.substring(0, index),
+              isKeyword: false
+            });
+            split.push({
+              text: stack.substring(index, index + keyword.length),
+              isKeyword: true
+            });
+            stack = stack.substring(index + keyword.length, stack.length);
+          }
+        }
+        return split;
+      }
+      return [{
+        text: this.text || '',
+        isKeyword: false
+      }];
+    }
+  },
+  methods: {
+    createItem(text) {
+      return h('span', {
+        staticClass: 'y-text-highlighter__item'
+      }, [text]);
+    },
+    createHighlightKeywordItem(text) {
+      return h('span', {
+        staticClass: 'y-text-highlighter__item',
+        class: 'y-text-highlighter__item--highlight',
+        style: {
+          backgroundColor: this.color
+        }
+      }, [text]);
+    },
+    createSplitTexts() {
+      return this.splitText.map(splitItem => {
+        if (splitItem.isKeyword) {
+          return this.createHighlightKeywordItem(splitItem.text);
+        }
+        return this.createItem(splitItem.text);
+      });
+    }
+  },
+  render() {
+    const children = this.createSplitTexts();
+    return h('span', {
+      staticClass: 'y-text-highlighter'
+    }, children);
+  }
+});
+//# sourceMappingURL=YTextHighlighter.mjs.map

package/lib/components/text-highlighter/YTextHighlighter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTextHighlighter.mjs","names":["defineComponent","h","name","props","text","type","String","keyword","color","sensitive","Boolean","computed","splitText","split","stack","keyExp","RegExp","length","index","search","push","isKeyword","substring","methods","createItem","staticClass","createHighlightKeywordItem","class","style","backgroundColor","createSplitTexts","map","splitItem","render","children"],"sources":["../../../src/components/text-highlighter/YTextHighlighter.ts"],"sourcesContent":["import { VNode, defineComponent, h } from 'vue';\n\nimport './YTextHighlighter.scss';\n\nexport default defineComponent({\n  name: 'YTextHighlighter',\n  props: {\n    text: {\n      type: String,\n    },\n    keyword: {\n      type: String,\n    },\n    color: {\n      type: String,\n    },\n    sensitive: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    splitText(): { text: string; isKeyword: boolean }[] {\n      const { keyword, text } = this;\n      if (keyword && text) {\n        const split: { text: string; isKeyword: boolean }[] = [];\n        let stack = text;\n        const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');\n        while (stack.length > 0) {\n          const index = stack.search(keyExp);\n          if (index < 0) {\n            split.push({ text: stack, isKeyword: false });\n            stack = '';\n          } else if (index < 1) {\n            split.push({\n              text: stack.substring(0, keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(keyword.length, stack.length);\n          } else {\n            split.push({ text: stack.substring(0, index), isKeyword: false });\n            split.push({\n              text: stack.substring(index, index + keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(index + keyword.length, stack.length);\n          }\n        }\n        return split;\n      }\n      return [{ text: this.text || '', isKeyword: false }];\n    },\n  },\n  methods: {\n    createItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n        },\n        [text],\n      );\n    },\n    createHighlightKeywordItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n          class: 'y-text-highlighter__item--highlight',\n          style: {\n            backgroundColor: this.color,\n          },\n        },\n        [text],\n      );\n    },\n    createSplitTexts(): VNode[] {\n      return this.splitText.map((splitItem) => {\n        if (splitItem.isKeyword) {\n          return this.createHighlightKeywordItem(splitItem.text);\n        }\n        return this.createItem(splitItem.text);\n      });\n    },\n  },\n  render(): VNode {\n    const children = this.createSplitTexts();\n    return h('span', { staticClass: 'y-text-highlighter' }, children);\n  },\n});\n"],"mappings":"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"}

package/lib/components/text-highlighter/index.mjs

@@ -0,0 +1,3 @@
+import YTextHighlighter from "./YTextHighlighter.mjs";
+export { YTextHighlighter };
+//# sourceMappingURL=index.mjs.map

package/lib/components/text-highlighter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["YTextHighlighter"],"sources":["../../../src/components/text-highlighter/index.ts"],"sourcesContent":["import YTextHighlighter from './YTextHighlighter';\n\nexport { YTextHighlighter };\n"],"mappings":"OAAOA,gBAAgB;AAEvB,SAASA,gBAAgB"}