yuyeon 0.0.30 → 0.0.31

package/lib/components/icons/index.mjs

@@ -1,4 +1,6 @@
 export * from "./YIconExpand.mjs";
 export * from "./YIconClear.mjs";
 export * from "./YIconCheckbox.mjs";
+export * from "./YIconPageControl.mjs";
+export * from "./YIconSort.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["export * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["export * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\nexport * from './YIconPageControl';\nexport * from './YIconSort';\n"],"mappings":""}

package/lib/components/table/YDataTableControl.mjs

@@ -4,7 +4,8 @@ import { useRender } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/index.mjs";
 import { YButton } from "../button/index.mjs";
 import { YFieldInput } from "../field-input/index.mjs";
-import { YIconExpand } from "../icons/index.mjs";
+import { YIconExpand, YIconPageControl } from "../icons/index.mjs";
+import { YPagination } from "../pagination/index.mjs";
 import { pressDataTablePaginationProps } from "./composibles/pagination.mjs";
 import "./YDataTableControl.scss";
 export const pressYDataTableControlPropsOptions = propsFactory({
@@ -18,7 +19,8 @@ export const YDataTableControl = defineComponent({
   components: {
     YButton,
     YIconExpand,
-    YFieldInput
+    YFieldInput,
+    YIconPageControl
   },
   props: pressYDataTableControlPropsOptions(),
   setup(props, _ref) {
@@ -28,15 +30,16 @@ export const YDataTableControl = defineComponent({
     useRender(() => {
       return _createVNode("footer", {
         "class": ['y-data-table-control']
-      }, {
-        prepend: slots.prepend?.(props),
-        default: slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode("div", {
-          "class": "y-data-table-control__start"
-        }, [props.page]), _createVNode("div", {
-          "class": "y-data-table-control__end"
-        }, null)]),
-        append: slots.append?.(props)
-      });
+      }, [slots.prepend?.(props), slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode("div", {
+        "class": "y-data-table-control__start"
+      }, null), _createVNode("div", {
+        "class": "y-data-table-control__end"
+      }, [_createVNode(YPagination, {
+        "model-value": props.page,
+        "onUpdate:modelValue": props.setPage,
+        "length": props.pageLength,
+        "totalVisible": 0
+      }, null)])]), slots.append?.(props)]);
     });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"YDataTableControl.mjs","names":["defineComponent","useRender","propsFactory","YButton","YFieldInput","YIconExpand","pressDataTablePaginationProps","pressYDataTableControlPropsOptions","pageLength","Number","setPageSize","Function","setPage","YDataTableControl","name","components","props","setup","_ref","slots","_createVNode","prepend","default","_Fragment","page","append"],"sources":["../../../src/components/table/YDataTableControl.tsx"],"sourcesContent":["import { PropType, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { propsFactory } from '../../util';\nimport { YButton } from '../button';\nimport { YFieldInput } from '../field-input';\nimport { YIconExpand } from '../icons';\nimport { pressDataTablePaginationProps } from './composibles/pagination';\n\nimport './YDataTableControl.scss';\n\nexport const pressYDataTableControlPropsOptions = propsFactory(\n  {\n    pageLength: Number as PropType<number>,\n    setPageSize: Function as PropType<(pageSize: number) => void>,\n    setPage: Function as PropType<(page: number) => void>,\n    ...pressDataTablePaginationProps(),\n  },\n  'YDataTableControl',\n);\n\nexport const YDataTableControl = defineComponent({\n  name: 'YDataTableControl',\n  components: {\n    YButton,\n    YIconExpand,\n    YFieldInput,\n  },\n  props: pressYDataTableControlPropsOptions(),\n  setup(props, { slots }) {\n    useRender(() => {\n      return (\n        <footer class={['y-data-table-control']}>\n          {{\n            prepend: slots.prepend?.(props),\n            default: slots.default ? (\n              slots.default()\n            ) : (\n              <>\n                <div class=\"y-data-table-control__start\">{props.page}</div>\n                <div class=\"y-data-table-control__end\"></div>\n              </>\n            ),\n            append: slots.append?.(props),\n          }}\n        </footer>\n      );\n    });\n  },\n});\n\nexport type YDataTableControl = InstanceType<typeof YDataTableControl>;\n"],"mappings":";AAAA,SAAmBA,eAAe,QAAQ,KAAK;AAAC,SAEvCC,SAAS;AAAA,SACTC,YAAY;AAAA,SACZC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,WAAW;AAAA,SACXC,6BAA6B;AAEtC;AAEA,OAAO,MAAMC,kCAAkC,GAAGL,YAAY,CAC5D;EACEM,UAAU,EAAEC,MAA0B;EACtCC,WAAW,EAAEC,QAAgD;EAC7DC,OAAO,EAAED,QAA4C;EACrD,GAAGL,6BAA6B,CAAC;AACnC,CAAC,EACD,mBACF,CAAC;AAED,OAAO,MAAMO,iBAAiB,GAAGb,eAAe,CAAC;EAC/Cc,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE;IACVZ,OAAO;IACPE,WAAW;IACXD;EACF,CAAC;EACDY,KAAK,EAAET,kCAAkC,CAAC,CAAC;EAC3CU,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBjB,SAAS,CAAC,MAAM;MACd,OAAAmB,YAAA;QAAA,SACiB,CAAC,sBAAsB;MAAC;QAEnCC,OAAO,EAAEF,KAAK,CAACE,OAAO,GAAGL,KAAK,CAAC;QAC/BM,OAAO,EAAEH,KAAK,CAACG,OAAO,GACpBH,KAAK,CAACG,OAAO,CAAC,CAAC,GAAAF,YAAA,CAAAG,SAAA,SAAAH,YAAA;UAAA,SAGF;QAA6B,IAAEJ,KAAK,CAACQ,IAAI,IAAAJ,YAAA;UAAA,SACzC;QAA2B,UAEzC;QACDK,MAAM,EAAEN,KAAK,CAACM,MAAM,GAAGT,KAAK;MAAC;IAIrC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YDataTableControl.mjs","names":["defineComponent","useRender","propsFactory","YButton","YFieldInput","YIconExpand","YIconPageControl","YPagination","pressDataTablePaginationProps","pressYDataTableControlPropsOptions","pageLength","Number","setPageSize","Function","setPage","YDataTableControl","name","components","props","setup","_ref","slots","_createVNode","prepend","default","_Fragment","page","append"],"sources":["../../../src/components/table/YDataTableControl.tsx"],"sourcesContent":["import { PropType, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { propsFactory } from '../../util';\nimport { YButton } from '../button';\nimport { YFieldInput } from '../field-input';\nimport { YIconExpand, YIconPageControl } from '../icons';\nimport { YPagination } from '../pagination';\nimport { pressDataTablePaginationProps } from './composibles/pagination';\n\nimport './YDataTableControl.scss';\n\nexport const pressYDataTableControlPropsOptions = propsFactory(\n  {\n    pageLength: Number as PropType<number>,\n    setPageSize: Function as PropType<(pageSize: number) => void>,\n    setPage: Function as PropType<(page: number) => void>,\n    ...pressDataTablePaginationProps(),\n  },\n  'YDataTableControl',\n);\n\nexport const YDataTableControl = defineComponent({\n  name: 'YDataTableControl',\n  components: {\n    YButton,\n    YIconExpand,\n    YFieldInput,\n    YIconPageControl,\n  },\n  props: pressYDataTableControlPropsOptions(),\n  setup(props, { slots }) {\n    useRender(() => {\n      return (\n        <footer class={['y-data-table-control']}>\n          {slots.prepend?.(props)}\n          {slots.default ? (\n            slots.default()\n          ) : (\n            <>\n              <div class=\"y-data-table-control__start\"></div>\n              <div class=\"y-data-table-control__end\">\n                <YPagination\n                  model-value={props.page}\n                  onUpdate:modelValue={props.setPage}\n                  length={props.pageLength}\n                  totalVisible={0}\n                ></YPagination>\n              </div>\n            </>\n          )}\n          {slots.append?.(props)}\n        </footer>\n      );\n    });\n  },\n});\n\nexport type YDataTableControl = InstanceType<typeof YDataTableControl>;\n"],"mappings":";AAAA,SAAmBA,eAAe,QAAQ,KAAK;AAAC,SAEvCC,SAAS;AAAA,SACTC,YAAY;AAAA,SACZC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,WAAW,EAAEC,gBAAgB;AAAA,SAC7BC,WAAW;AAAA,SACXC,6BAA6B;AAEtC;AAEA,OAAO,MAAMC,kCAAkC,GAAGP,YAAY,CAC5D;EACEQ,UAAU,EAAEC,MAA0B;EACtCC,WAAW,EAAEC,QAAgD;EAC7DC,OAAO,EAAED,QAA4C;EACrD,GAAGL,6BAA6B,CAAC;AACnC,CAAC,EACD,mBACF,CAAC;AAED,OAAO,MAAMO,iBAAiB,GAAGf,eAAe,CAAC;EAC/CgB,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE;IACVd,OAAO;IACPE,WAAW;IACXD,WAAW;IACXE;EACF,CAAC;EACDY,KAAK,EAAET,kCAAkC,CAAC,CAAC;EAC3CU,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBnB,SAAS,CAAC,MAAM;MACd,OAAAqB,YAAA;QAAA,SACiB,CAAC,sBAAsB;MAAC,IACpCD,KAAK,CAACE,OAAO,GAAGL,KAAK,CAAC,EACtBG,KAAK,CAACG,OAAO,GACZH,KAAK,CAACG,OAAO,CAAC,CAAC,GAAAF,YAAA,CAAAG,SAAA,SAAAH,YAAA;QAAA,SAGF;MAA6B,UAAAA,YAAA;QAAA,SAC7B;MAA2B,IAAAA,YAAA,CAAAf,WAAA;QAAA,eAErBW,KAAK,CAACQ,IAAI;QAAA,uBACFR,KAAK,CAACJ,OAAO;QAAA,UAC1BI,KAAK,CAACR,UAAU;QAAA,gBACV;MAAC,YAItB,EACAW,KAAK,CAACM,MAAM,GAAGT,KAAK,CAAC;IAG5B,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableControl.scss

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/icons/YIconPageControl.d.ts

@@ -7,14 +7,14 @@ export declare const PageControlPaths: {
 };
 export declare const YIconPageControl: import("vue").DefineComponent<{
     type: {
-        type: PropType<"first" | "last" | "next" | "prev">;
+        type: PropType<"next" | "prev" | "first" | "last">;
         default: string;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: PropType<"first" | "last" | "next" | "prev">;
+        type: PropType<"next" | "prev" | "first" | "last">;
         default: string;
     };
 }>>, {
-    type: "first" | "last" | "next" | "prev";
+    type: "next" | "prev" | "first" | "last";
 }, {}>;

package/types/components/icons/index.d.ts

@@ -1,3 +1,5 @@
 export * from './YIconExpand';
 export * from './YIconClear';
 export * from './YIconCheckbox';
+export * from './YIconPageControl';
+export * from './YIconSort';