@pequity/squirrel 6.0.2 → 6.0.3
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/cjs/chunks/p-icon.js +4 -1
- package/dist/cjs/p-icon.js +27 -2
- package/dist/es/chunks/p-icon.js +5 -2
- package/dist/es/p-icon.js +27 -2
- package/dist/squirrel/components/p-icon/p-icon.types.d.ts +26 -1
- package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +3 -3
- package/package.json +1 -1
- package/squirrel/components/p-icon/p-icon.stories.js +1 -1
- package/squirrel/components/p-icon/p-icon.types.ts +26 -1
- package/squirrel/components/p-icon/p-icon.vue +4 -4
|
@@ -2270,6 +2270,7 @@ function defineIconifyIcon(name = "iconify-icon") {
|
|
|
2270
2270
|
return IconifyIcon;
|
|
2271
2271
|
}
|
|
2272
2272
|
defineIconifyIcon() || exportFunctions();
|
|
2273
|
+
const _hoisted_1 = ["icon"];
|
|
2273
2274
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
2274
2275
|
...{
|
|
2275
2276
|
name: "PIcon"
|
|
@@ -2281,7 +2282,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
2281
2282
|
setup(__props) {
|
|
2282
2283
|
const isPIcon = (icon) => !!pIcon.P_ICON_ALIASES[icon];
|
|
2283
2284
|
return (_ctx, _cache) => {
|
|
2284
|
-
return vue.openBlock(), vue.createElementBlock("iconify-icon",
|
|
2285
|
+
return vue.openBlock(), vue.createElementBlock("iconify-icon", {
|
|
2286
|
+
icon: isPIcon(_ctx.icon) ? vue.unref(pIcon.P_ICON_ALIASES)[_ctx.icon] : _ctx.icon
|
|
2287
|
+
}, null, 8, _hoisted_1);
|
|
2285
2288
|
};
|
|
2286
2289
|
}
|
|
2287
2290
|
});
|
package/dist/cjs/p-icon.js
CHANGED
|
@@ -3,7 +3,32 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const P_ICON_ALIASES = {
|
|
4
4
|
delete: "octicon:trash-24",
|
|
5
5
|
edit: "simple-line-icons:pencil",
|
|
6
|
-
send: "
|
|
7
|
-
settings: "heroicons:cog-8-tooth-20-solid"
|
|
6
|
+
send: "mingcute:send-plane-fill",
|
|
7
|
+
settings: "heroicons:cog-8-tooth-20-solid",
|
|
8
|
+
empty: "ph:empty",
|
|
9
|
+
"chevron-left": "material-symbols:chevron-left-rounded",
|
|
10
|
+
"chevron-right": "material-symbols:chevron-right-rounded",
|
|
11
|
+
"chevron-up": "ph:caret-up",
|
|
12
|
+
"chevron-down": "ph:caret-down",
|
|
13
|
+
"ok-circle": "material-symbols:check-circle",
|
|
14
|
+
"cancel-circle": "material-symbols:cancel",
|
|
15
|
+
ok: "material-symbols:check",
|
|
16
|
+
cancel: "material-symbols:close",
|
|
17
|
+
"ok-bold": "fa:check",
|
|
18
|
+
"cancel-bold": "fa:close",
|
|
19
|
+
archive: "solar:archive-outline",
|
|
20
|
+
lock: "material-symbols:lock",
|
|
21
|
+
"drag-horizontal": "ci:drag-horizontal",
|
|
22
|
+
email: "tabler:mail-filled",
|
|
23
|
+
location: "gridicons:location",
|
|
24
|
+
calendar: "mdi:calendar-today",
|
|
25
|
+
save: "material-symbols:save-rounded",
|
|
26
|
+
copy: "ph:copy",
|
|
27
|
+
plus: "ic:outline-plus",
|
|
28
|
+
add: "ic:outline-plus",
|
|
29
|
+
more: "lineicons:more-alt",
|
|
30
|
+
filters: "mage:filter",
|
|
31
|
+
"bar-chart": "material-symbols:bar-chart-4-bars-rounded",
|
|
32
|
+
list: "material-symbols:format-list-bulleted"
|
|
8
33
|
};
|
|
9
34
|
exports.P_ICON_ALIASES = P_ICON_ALIASES;
|
package/dist/es/chunks/p-icon.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
import { defineComponent, openBlock, createElementBlock,
|
|
4
|
+
import { defineComponent, openBlock, createElementBlock, unref } from "vue";
|
|
5
5
|
import { P_ICON_ALIASES } from "../p-icon.js";
|
|
6
6
|
/**
|
|
7
7
|
* (c) Iconify
|
|
@@ -2269,6 +2269,7 @@ function defineIconifyIcon(name = "iconify-icon") {
|
|
|
2269
2269
|
return IconifyIcon;
|
|
2270
2270
|
}
|
|
2271
2271
|
defineIconifyIcon() || exportFunctions();
|
|
2272
|
+
const _hoisted_1 = ["icon"];
|
|
2272
2273
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
2273
2274
|
...{
|
|
2274
2275
|
name: "PIcon"
|
|
@@ -2280,7 +2281,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2280
2281
|
setup(__props) {
|
|
2281
2282
|
const isPIcon = (icon) => !!P_ICON_ALIASES[icon];
|
|
2282
2283
|
return (_ctx, _cache) => {
|
|
2283
|
-
return openBlock(), createElementBlock("iconify-icon",
|
|
2284
|
+
return openBlock(), createElementBlock("iconify-icon", {
|
|
2285
|
+
icon: isPIcon(_ctx.icon) ? unref(P_ICON_ALIASES)[_ctx.icon] : _ctx.icon
|
|
2286
|
+
}, null, 8, _hoisted_1);
|
|
2284
2287
|
};
|
|
2285
2288
|
}
|
|
2286
2289
|
});
|
package/dist/es/p-icon.js
CHANGED
|
@@ -1,8 +1,33 @@
|
|
|
1
1
|
const P_ICON_ALIASES = {
|
|
2
2
|
delete: "octicon:trash-24",
|
|
3
3
|
edit: "simple-line-icons:pencil",
|
|
4
|
-
send: "
|
|
5
|
-
settings: "heroicons:cog-8-tooth-20-solid"
|
|
4
|
+
send: "mingcute:send-plane-fill",
|
|
5
|
+
settings: "heroicons:cog-8-tooth-20-solid",
|
|
6
|
+
empty: "ph:empty",
|
|
7
|
+
"chevron-left": "material-symbols:chevron-left-rounded",
|
|
8
|
+
"chevron-right": "material-symbols:chevron-right-rounded",
|
|
9
|
+
"chevron-up": "ph:caret-up",
|
|
10
|
+
"chevron-down": "ph:caret-down",
|
|
11
|
+
"ok-circle": "material-symbols:check-circle",
|
|
12
|
+
"cancel-circle": "material-symbols:cancel",
|
|
13
|
+
ok: "material-symbols:check",
|
|
14
|
+
cancel: "material-symbols:close",
|
|
15
|
+
"ok-bold": "fa:check",
|
|
16
|
+
"cancel-bold": "fa:close",
|
|
17
|
+
archive: "solar:archive-outline",
|
|
18
|
+
lock: "material-symbols:lock",
|
|
19
|
+
"drag-horizontal": "ci:drag-horizontal",
|
|
20
|
+
email: "tabler:mail-filled",
|
|
21
|
+
location: "gridicons:location",
|
|
22
|
+
calendar: "mdi:calendar-today",
|
|
23
|
+
save: "material-symbols:save-rounded",
|
|
24
|
+
copy: "ph:copy",
|
|
25
|
+
plus: "ic:outline-plus",
|
|
26
|
+
add: "ic:outline-plus",
|
|
27
|
+
more: "lineicons:more-alt",
|
|
28
|
+
filters: "mage:filter",
|
|
29
|
+
"bar-chart": "material-symbols:bar-chart-4-bars-rounded",
|
|
30
|
+
list: "material-symbols:format-list-bulleted"
|
|
6
31
|
};
|
|
7
32
|
export {
|
|
8
33
|
P_ICON_ALIASES
|
|
@@ -1,7 +1,32 @@
|
|
|
1
1
|
export declare const P_ICON_ALIASES: {
|
|
2
2
|
readonly delete: "octicon:trash-24";
|
|
3
3
|
readonly edit: "simple-line-icons:pencil";
|
|
4
|
-
readonly send: "
|
|
4
|
+
readonly send: "mingcute:send-plane-fill";
|
|
5
5
|
readonly settings: "heroicons:cog-8-tooth-20-solid";
|
|
6
|
+
readonly empty: "ph:empty";
|
|
7
|
+
readonly 'chevron-left': "material-symbols:chevron-left-rounded";
|
|
8
|
+
readonly 'chevron-right': "material-symbols:chevron-right-rounded";
|
|
9
|
+
readonly 'chevron-up': "ph:caret-up";
|
|
10
|
+
readonly 'chevron-down': "ph:caret-down";
|
|
11
|
+
readonly 'ok-circle': "material-symbols:check-circle";
|
|
12
|
+
readonly 'cancel-circle': "material-symbols:cancel";
|
|
13
|
+
readonly ok: "material-symbols:check";
|
|
14
|
+
readonly cancel: "material-symbols:close";
|
|
15
|
+
readonly 'ok-bold': "fa:check";
|
|
16
|
+
readonly 'cancel-bold': "fa:close";
|
|
17
|
+
readonly archive: "solar:archive-outline";
|
|
18
|
+
readonly lock: "material-symbols:lock";
|
|
19
|
+
readonly 'drag-horizontal': "ci:drag-horizontal";
|
|
20
|
+
readonly email: "tabler:mail-filled";
|
|
21
|
+
readonly location: "gridicons:location";
|
|
22
|
+
readonly calendar: "mdi:calendar-today";
|
|
23
|
+
readonly save: "material-symbols:save-rounded";
|
|
24
|
+
readonly copy: "ph:copy";
|
|
25
|
+
readonly plus: "ic:outline-plus";
|
|
26
|
+
readonly add: "ic:outline-plus";
|
|
27
|
+
readonly more: "lineicons:more-alt";
|
|
28
|
+
readonly filters: "mage:filter";
|
|
29
|
+
readonly 'bar-chart': "material-symbols:bar-chart-4-bars-rounded";
|
|
30
|
+
readonly list: "material-symbols:format-list-bulleted";
|
|
6
31
|
};
|
|
7
32
|
export type PIconAlias = keyof typeof P_ICON_ALIASES;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import 'iconify-icon';
|
|
2
2
|
import { type PIconAlias } from './p-icon.types';
|
|
3
|
-
import { type
|
|
4
|
-
interface Props extends /* @vue-ignore */
|
|
5
|
-
icon:
|
|
3
|
+
import { type IconifyIconProperties } from 'iconify-icon';
|
|
4
|
+
interface Props extends /* @vue-ignore */ IconifyIconProperties {
|
|
5
|
+
icon: PIconAlias | (string & {});
|
|
6
6
|
}
|
|
7
7
|
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
8
|
export default _default;
|
package/package.json
CHANGED
|
@@ -105,7 +105,7 @@ export const AllIconAliases = {
|
|
|
105
105
|
return { args, P_ICON_ALIASES };
|
|
106
106
|
},
|
|
107
107
|
template: `
|
|
108
|
-
<div class="mt-2 flex w-full gap-4">
|
|
108
|
+
<div class="mt-2 flex flex-wrap w-full gap-4">
|
|
109
109
|
<div
|
|
110
110
|
v-for="(iconClass, iconAlias) in P_ICON_ALIASES"
|
|
111
111
|
:key="iconAlias"
|
|
@@ -1,8 +1,33 @@
|
|
|
1
1
|
export const P_ICON_ALIASES = {
|
|
2
2
|
delete: 'octicon:trash-24',
|
|
3
3
|
edit: 'simple-line-icons:pencil',
|
|
4
|
-
send: '
|
|
4
|
+
send: 'mingcute:send-plane-fill',
|
|
5
5
|
settings: 'heroicons:cog-8-tooth-20-solid',
|
|
6
|
+
empty: 'ph:empty',
|
|
7
|
+
'chevron-left': 'material-symbols:chevron-left-rounded',
|
|
8
|
+
'chevron-right': 'material-symbols:chevron-right-rounded',
|
|
9
|
+
'chevron-up': 'ph:caret-up',
|
|
10
|
+
'chevron-down': 'ph:caret-down',
|
|
11
|
+
'ok-circle': 'material-symbols:check-circle',
|
|
12
|
+
'cancel-circle': 'material-symbols:cancel',
|
|
13
|
+
ok: 'material-symbols:check',
|
|
14
|
+
cancel: 'material-symbols:close',
|
|
15
|
+
'ok-bold': 'fa:check',
|
|
16
|
+
'cancel-bold': 'fa:close',
|
|
17
|
+
archive: 'solar:archive-outline',
|
|
18
|
+
lock: 'material-symbols:lock',
|
|
19
|
+
'drag-horizontal': 'ci:drag-horizontal',
|
|
20
|
+
email: 'tabler:mail-filled',
|
|
21
|
+
location: 'gridicons:location',
|
|
22
|
+
calendar: 'mdi:calendar-today',
|
|
23
|
+
save: 'material-symbols:save-rounded',
|
|
24
|
+
copy: 'ph:copy',
|
|
25
|
+
plus: 'ic:outline-plus',
|
|
26
|
+
add: 'ic:outline-plus',
|
|
27
|
+
more: 'lineicons:more-alt',
|
|
28
|
+
filters: 'mage:filter',
|
|
29
|
+
'bar-chart': 'material-symbols:bar-chart-4-bars-rounded',
|
|
30
|
+
list: 'material-symbols:format-list-bulleted',
|
|
6
31
|
} as const;
|
|
7
32
|
|
|
8
33
|
export type PIconAlias = keyof typeof P_ICON_ALIASES;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<iconify-icon
|
|
2
|
+
<iconify-icon :icon="isPIcon(icon) ? P_ICON_ALIASES[icon] : icon" />
|
|
3
3
|
</template>
|
|
4
4
|
|
|
5
5
|
<script setup lang="ts">
|
|
6
6
|
import 'iconify-icon';
|
|
7
7
|
import { P_ICON_ALIASES, type PIconAlias } from '@squirrel/components/p-icon/p-icon.types';
|
|
8
|
-
import { type
|
|
8
|
+
import { type IconifyIconProperties } from 'iconify-icon';
|
|
9
9
|
|
|
10
10
|
defineOptions({
|
|
11
11
|
name: 'PIcon',
|
|
12
12
|
});
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
|
|
15
|
-
interface Props extends /* @vue-ignore */
|
|
16
|
-
icon:
|
|
15
|
+
interface Props extends /* @vue-ignore */ IconifyIconProperties {
|
|
16
|
+
icon: PIconAlias | (string & {});
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
const isPIcon = (icon: string): icon is PIconAlias => !!P_ICON_ALIASES[icon as PIconAlias];
|