@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/components/icon-picker/icon-picker.vue.d.ts

@@ -0,0 +1,9 @@
+import { IIconPickerProps } from './icon-picker';
+declare const _default: import('vue').DefineComponent<IIconPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IIconPickerProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/icon-picker/index.css

@@ -0,0 +1,121 @@
+/* source: src/components/icon-picker/components/collections.vue,src/components/icon-picker/components/panel.vue,src/components/icon-picker/icon-picker.vue */
+.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:normal;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination .btn-next,.el-pagination .btn-prev{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination .btn-next *,.el-pagination .btn-prev *{pointer-events:none}.el-pagination .btn-next:focus,.el-pagination .btn-prev:focus{outline:none}.el-pagination .btn-next:hover,.el-pagination .btn-prev:hover{color:var(--el-pagination-hover-color)}.el-pagination .btn-next.is-active,.el-pagination .btn-prev.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:bold}.el-pagination .btn-next.is-active.is-disabled,.el-pagination .btn-prev.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pagination .btn-next.is-disabled,.el-pagination .btn-next:disabled,.el-pagination .btn-prev.is-disabled,.el-pagination .btn-prev:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination .btn-next:focus-visible,.el-pagination .btn-prev:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:bold;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li.is-active,.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{cursor:default;font-weight:bold}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}._wrapper_58yrj_1 {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+._search-wrapper_58yrj_7 {
+  position: sticky;
+  top: 0;
+  padding-bottom: 4px;
+  background-color: var(--el-color-white);
+}
+._container_58yrj_14 {
+  display: flex;
+  flex-direction: column;
+  row-gap: 4px;
+}
+._collection_58yrj_20 {
+  border: 1px solid var(--el-input-border-color);
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  padding: 4px;
+  cursor: pointer;
+}
+._collection_58yrj_20._active_58yrj_27 {
+  background-color: var(--el-color-primary-light-9);
+}
+._collection_58yrj_20:hover {
+  background-color: var(--el-color-primary-light-7);
+}
+._collection_58yrj_20 h5 {
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0;
+  color: var(--el-text-color-regular);
+}
+._collection_58yrj_20 h5 span {
+  color: var(--el-text-color-secondary);
+  margin-right: 4px;
+}
+._icons_58yrj_46 {
+  font-size: 24px;
+  display: flex;
+  column-gap: 4px;
+}._panel_16t7i_1 {
+  position: relative;
+}
+._wrapper_16t7i_5 {
+  background-color: var(--el-color-white);
+  position: relative;
+  z-index: 5;
+}
+._search-input_16t7i_11 .el-input-group__prepend {
+  padding: 0 16px;
+}
+button._collections-button_16t7i_15 {
+  padding: 0;
+  width: 50px;
+  display: inline-flex !important;
+  justify-content: center;
+  align-items: center;
+}
+button._collections-button_16t7i_15:hover .el-icon {
+  color: var(--el-color-primary);
+}
+button._collections-button_16t7i_15 .el-icon {
+  font-size: 24px;
+  transition: color 0.3s;
+}
+._collections-wrapper_16t7i_30 {
+  position: absolute;
+  top: -12px;
+  left: 0;
+  bottom: -12px;
+  width: 200px;
+  background-color: var(--el-color-white);
+  padding: 12px;
+  z-index: 3;
+  transition: left 0.3s;
+  border-radius: 4px;
+}
+._collections-wrapper_16t7i_30._shadow_16t7i_42 {
+  box-shadow: var(--el-box-shadow-light);
+}
+._collections-wrapper_16t7i_30._visible_16t7i_45 {
+  left: -212px;
+}
+._collections-wrapper_16t7i_30._hidden_16t7i_48 {
+  opacity: 0;
+}
+._container_16t7i_52 {
+  list-style: none;
+  padding: 8px 0 0;
+  margin: 0;
+  display: grid;
+  grid-template-columns: repeat(10, 1fr);
+  grid-template-rows: repeat(5, 1fr);
+  gap: 0;
+  height: 174px;
+  font-size: 24px;
+}
+._container_16t7i_52 li {
+  padding: 4px;
+  cursor: pointer;
+  border-radius: 4px;
+  line-height: 0;
+}
+._container_16t7i_52 li:hover {
+  background-color: var(--el-color-primary-light-7);
+}
+._divider_16t7i_73 {
+  margin: 4px 0;
+}
+._pagination_16t7i_77 {
+  justify-content: center;
+}._input_1gamt_1 .el-input-group__prepend {
+  padding: 0 4px;
+  cursor: pointer;
+}

package/dist/es/components/icon-picker/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './icon-picker.vue';
+export declare const VcIconPicker: SFCWithInstall<typeof Component>;
+export default VcIconPicker;

package/dist/es/components/icon-picker/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './icon-picker.mjs';
+
+const VcIconPicker = withInstall(Component);
+
+export { VcIconPicker, VcIconPicker as default };

package/dist/es/components/iconify-icon/iconify-icon.d.ts

@@ -0,0 +1,5 @@
+export interface IIconifyIconProps {
+    name: string;
+    color?: string;
+    size?: string | number;
+}