@arco-iconbox/vue-smartcode 0.1.29 → 0.1.30

package/esm/IconColorInput/index.js

@@ -0,0 +1,38 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorInput",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-input`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9217 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21411 21.332 6.33357 21.3323 5.625 21.2744C4.90701 21.2157 4.29164 21.0929 3.72754 20.8057C2.81871 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08956 7.91171 1.14746 7.20313C1.20615 6.48515 1.32886 5.86977 1.61621 5.30566C2.07929 4.39702 2.81884 3.65734 3.72754 3.19434C4.2916 2.90712 4.90708 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18703 4.32813 6.38598 4.32886 5.76074 4.37988C5.14538 4.43016 4.77171 4.52553 4.48046 4.67383C3.8844 4.97763 3.39958 5.46258 3.0957 6.05859C2.94729 6.34986 2.85206 6.72337 2.80175 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80175 16.6611C2.85205 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88428 19.0223 4.48046 19.3262C4.77175 19.4745 5.14522 19.5698 5.76074 19.6201C6.38599 19.6711 7.18701 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9062 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9062 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    createElementVNode("path", {
+      d: "M11.002 6.94238C11.4602 6.9426 11.832 7.3142 11.832 7.77246C11.8318 8.23051 11.46 8.60232 11.002 8.60254H9.78809V15.3975H11.002C11.4602 15.3977 11.832 15.7693 11.832 16.2275C11.832 16.6858 11.4602 17.0574 11.002 17.0576H6.91309C6.45484 17.0574 6.08301 16.6858 6.08301 16.2275C6.08301 15.7693 6.45484 15.3976 6.91309 15.3975H8.12793V8.60254H6.91309C6.455 8.60236 6.08326 8.23053 6.08301 7.77246C6.08301 7.31418 6.45484 6.94256 6.91309 6.94238H11.002Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/IconColorNum/index.js

@@ -0,0 +1,38 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorNum",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_num`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    createElementVNode("path", {
+      d: "M11.7744 9.87629C12.1767 8.14144 13.7083 7.4351 15.0625 7.62629C16.4235 7.81862 17.7059 8.91997 17.706 10.7337C17.706 12.6158 16.1689 13.557 15.1484 14.1546C14.7627 14.3805 14.4358 14.5656 14.1611 14.7445H16.8759C17.334 14.7447 17.7059 15.1164 17.706 15.5745C17.706 16.0327 17.3341 16.4044 16.8759 16.4046H12.583C12.1246 16.4046 11.7529 16.0329 11.7529 15.5745C11.753 14.7331 12.2334 14.1443 12.7236 13.7376C13.1935 13.348 13.8175 13.0101 14.3095 12.722C15.4352 12.0628 16.0459 11.5568 16.0459 10.7337C16.0457 9.84256 15.4704 9.36034 14.8301 9.26985C14.1828 9.17854 13.568 9.49041 13.3916 10.2513C13.2881 10.6978 12.842 10.9758 12.3955 10.8724C11.949 10.7688 11.6709 10.3228 11.7744 9.87629ZM8.24704 7.73469C8.50235 7.57141 8.82682 7.56005 9.09275 7.70539C9.35881 7.85098 9.52434 8.13062 9.52439 8.43391V14.7357H10.0166C10.4749 14.7357 10.8465 15.1075 10.8467 15.5657C10.8467 16.0241 10.475 16.3958 10.0166 16.3958H7.26267C6.80443 16.3956 6.43259 16.024 6.43259 15.5657C6.43277 15.1076 6.80454 14.7359 7.26267 14.7357H7.86423V9.95051L7.57126 10.138C7.18529 10.3849 6.67192 10.2729 6.42478 9.88703C6.17784 9.50105 6.29087 8.98769 6.67673 8.74055L8.24704 7.73469Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/IconColorRadio/index.js

@@ -0,0 +1,31 @@
+import { openBlock, createElementBlock, mergeProps, createStaticVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorRadio",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ createStaticVNode('<rect x="2.714" y="4.26" width="6" height="6" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"></rect><path d="M11.9363 5.22894H21.2845" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path><rect x="2.714" y="13.739" width="6" height="6" rx="3" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"></rect><path d="M11.9363 9.29095H17.25" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.9363 14.7082H21.2845M11.9363 18.7703H17.25" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path>', 5);
+const _hoisted_6 = [
+  _hoisted_1
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_radio`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_6, 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/IconColorSwitch/index.js

@@ -0,0 +1,51 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorSwitch",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("rect", {
+  x: "1.409",
+  y: "3.498",
+  width: "21.182",
+  height: "17.004",
+  rx: "8.502",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("rect", {
+  x: "10.895",
+  y: "8.016",
+  width: "7.968",
+  height: "7.968",
+  rx: "3.984",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_1,
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_switch`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/IconColorTextarea/index.js

@@ -0,0 +1,38 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorTextarea",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_textarea`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    createElementVNode("path", {
+      d: "M11.2012 8.25684C11.6594 8.25709 12.0312 8.62868 12.0312 9.08691C12.0311 9.54506 11.6593 9.91674 11.2012 9.91699H9.5V16.2354C9.5 16.6937 9.12832 17.0654 8.66992 17.0654C8.21162 17.0653 7.83984 16.6937 7.83984 16.2354V9.91699H6.13965C5.68132 9.91699 5.30967 9.54522 5.30957 9.08691C5.30957 8.62852 5.68125 8.25684 6.13965 8.25684H11.2012ZM17.0938 15.4053C17.5519 15.4055 17.9237 15.7771 17.9238 16.2354C17.9238 16.6936 17.552 17.0652 17.0938 17.0654H12.1826C11.7242 17.0654 11.3525 16.6937 11.3525 16.2354C11.3526 15.777 11.7243 15.4053 12.1826 15.4053H17.0938ZM17.0938 12.4414C17.552 12.4416 17.9238 12.8132 17.9238 13.2715C17.9236 13.7296 17.5518 14.1014 17.0938 14.1016H13.5352C13.0769 14.1016 12.7053 13.7297 12.7051 13.2715C12.7051 12.8131 13.0768 12.4414 13.5352 12.4414H17.0938Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/index.js

@@ -220,3 +220,8 @@ export { default as IconFillRow2col } from "./IconFillRow2col/index.js";
 export { default as IconColorDataFilter } from "./IconColorDataFilter/index.js";
 export { default as IconColorKey } from "./IconColorKey/index.js";
 export { default as IconLinePass } from "./IconLinePass/index.js";
+export { default as IconColorNum } from "./IconColorNum/index.js";
+export { default as IconColorSwitch } from "./IconColorSwitch/index.js";
+export { default as IconColorInput } from "./IconColorInput/index.js";
+export { default as IconColorRadio } from "./IconColorRadio/index.js";
+export { default as IconColorTextarea } from "./IconColorTextarea/index.js";

package/lib/IconColorInput/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorInput",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-input`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    vue.createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9217 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21411 21.332 6.33357 21.3323 5.625 21.2744C4.90701 21.2157 4.29164 21.0929 3.72754 20.8057C2.81871 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08956 7.91171 1.14746 7.20313C1.20615 6.48515 1.32886 5.86977 1.61621 5.30566C2.07929 4.39702 2.81884 3.65734 3.72754 3.19434C4.2916 2.90712 4.90708 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18703 4.32813 6.38598 4.32886 5.76074 4.37988C5.14538 4.43016 4.77171 4.52553 4.48046 4.67383C3.8844 4.97763 3.39958 5.46258 3.0957 6.05859C2.94729 6.34986 2.85206 6.72337 2.80175 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80175 16.6611C2.85205 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88428 19.0223 4.48046 19.3262C4.77175 19.4745 5.14522 19.5698 5.76074 19.6201C6.38599 19.6711 7.18701 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9062 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9062 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    vue.createElementVNode("path", {
+      d: "M11.002 6.94238C11.4602 6.9426 11.832 7.3142 11.832 7.77246C11.8318 8.23051 11.46 8.60232 11.002 8.60254H9.78809V15.3975H11.002C11.4602 15.3977 11.832 15.7693 11.832 16.2275C11.832 16.6858 11.4602 17.0574 11.002 17.0576H6.91309C6.45484 17.0574 6.08301 16.6858 6.08301 16.2275C6.08301 15.7693 6.45484 15.3976 6.91309 15.3975H8.12793V8.60254H6.91309C6.455 8.60236 6.08326 8.23053 6.08301 7.77246C6.08301 7.31418 6.45484 6.94256 6.91309 6.94238H11.002Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorNum/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorNum",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_num`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    vue.createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    vue.createElementVNode("path", {
+      d: "M11.7744 9.87629C12.1767 8.14144 13.7083 7.4351 15.0625 7.62629C16.4235 7.81862 17.7059 8.91997 17.706 10.7337C17.706 12.6158 16.1689 13.557 15.1484 14.1546C14.7627 14.3805 14.4358 14.5656 14.1611 14.7445H16.8759C17.334 14.7447 17.7059 15.1164 17.706 15.5745C17.706 16.0327 17.3341 16.4044 16.8759 16.4046H12.583C12.1246 16.4046 11.7529 16.0329 11.7529 15.5745C11.753 14.7331 12.2334 14.1443 12.7236 13.7376C13.1935 13.348 13.8175 13.0101 14.3095 12.722C15.4352 12.0628 16.0459 11.5568 16.0459 10.7337C16.0457 9.84256 15.4704 9.36034 14.8301 9.26985C14.1828 9.17854 13.568 9.49041 13.3916 10.2513C13.2881 10.6978 12.842 10.9758 12.3955 10.8724C11.949 10.7688 11.6709 10.3228 11.7744 9.87629ZM8.24704 7.73469C8.50235 7.57141 8.82682 7.56005 9.09275 7.70539C9.35881 7.85098 9.52434 8.13062 9.52439 8.43391V14.7357H10.0166C10.4749 14.7357 10.8465 15.1075 10.8467 15.5657C10.8467 16.0241 10.475 16.3958 10.0166 16.3958H7.26267C6.80443 16.3956 6.43259 16.024 6.43259 15.5657C6.43277 15.1076 6.80454 14.7359 7.26267 14.7357H7.86423V9.95051L7.57126 10.138C7.18529 10.3849 6.67192 10.2729 6.42478 9.88703C6.17784 9.50105 6.29087 8.98769 6.67673 8.74055L8.24704 7.73469Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorRadio/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorRadio",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createStaticVNode('<rect x="2.714" y="4.26" width="6" height="6" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"></rect><path d="M11.9363 5.22894H21.2845" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path><rect x="2.714" y="13.739" width="6" height="6" rx="3" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"></rect><path d="M11.9363 9.29095H17.25" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.9363 14.7082H21.2845M11.9363 18.7703H17.25" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"></path>', 5);
+const _hoisted_6 = [
+  _hoisted_1
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_radio`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_6, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorSwitch/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorSwitch",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "1.409",
+  y: "3.498",
+  width: "21.182",
+  height: "17.004",
+  rx: "8.502",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "10.895",
+  y: "8.016",
+  width: "7.968",
+  height: "7.968",
+  rx: "3.984",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_1,
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_switch`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorTextarea/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorTextarea",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_textarea`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    vue.createElementVNode("path", {
+      d: "M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_1),
+    vue.createElementVNode("path", {
+      d: "M11.2012 8.25684C11.6594 8.25709 12.0312 8.62868 12.0312 9.08691C12.0311 9.54506 11.6593 9.91674 11.2012 9.91699H9.5V16.2354C9.5 16.6937 9.12832 17.0654 8.66992 17.0654C8.21162 17.0653 7.83984 16.6937 7.83984 16.2354V9.91699H6.13965C5.68132 9.91699 5.30967 9.54522 5.30957 9.08691C5.30957 8.62852 5.68125 8.25684 6.13965 8.25684H11.2012ZM17.0938 15.4053C17.5519 15.4055 17.9237 15.7771 17.9238 16.2354C17.9238 16.6936 17.552 17.0652 17.0938 17.0654H12.1826C11.7242 17.0654 11.3525 16.6937 11.3525 16.2354C11.3526 15.777 11.7243 15.4053 12.1826 15.4053H17.0938ZM17.0938 12.4414C17.552 12.4416 17.9238 12.8132 17.9238 13.2715C17.9236 13.7296 17.5518 14.1014 17.0938 14.1016H13.5352C13.0769 14.1016 12.7053 13.7297 12.7051 13.2715C12.7051 12.8131 13.0768 12.4414 13.5352 12.4414H17.0938Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/index.js

@@ -222,6 +222,11 @@ var index$3q = require("./IconFillRow2col/index.js");
 var index$3r = require("./IconColorDataFilter/index.js");
 var index$3s = require("./IconColorKey/index.js");
 var index$3t = require("./IconLinePass/index.js");
+var index$3u = require("./IconColorNum/index.js");
+var index$3v = require("./IconColorSwitch/index.js");
+var index$3w = require("./IconColorInput/index.js");
+var index$3x = require("./IconColorRadio/index.js");
+var index$3y = require("./IconColorTextarea/index.js");
 exports.IconFillHeart = index;
 exports.IconFillMute = index$1;
 exports.IconFillSound = index$2;
@@ -444,3 +449,8 @@ exports.IconFillRow2col = index$3q;
 exports.IconColorDataFilter = index$3r;
 exports.IconColorKey = index$3s;
 exports.IconLinePass = index$3t;
+exports.IconColorNum = index$3u;
+exports.IconColorSwitch = index$3v;
+exports.IconColorInput = index$3w;
+exports.IconColorRadio = index$3x;
+exports.IconColorTextarea = index$3y;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-iconbox/vue-smartcode",
-    "version": "0.1.29",
+    "version": "0.1.30",
     "main": "lib/index.js",
     "module": "esm/index.js",
     "license": "ISC",

package/src/IconColorInput/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-input`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9217 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21411 21.332 6.33357 21.3323 5.625 21.2744C4.90701 21.2157 4.29164 21.0929 3.72754 20.8057C2.81871 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08956 7.91171 1.14746 7.20313C1.20615 6.48515 1.32886 5.86977 1.61621 5.30566C2.07929 4.39702 2.81884 3.65734 3.72754 3.19434C4.2916 2.90712 4.90708 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18703 4.32813 6.38598 4.32886 5.76074 4.37988C5.14538 4.43016 4.77171 4.52553 4.48046 4.67383C3.8844 4.97763 3.39958 5.46258 3.0957 6.05859C2.94729 6.34986 2.85206 6.72337 2.80175 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80175 16.6611C2.85205 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88428 19.0223 4.48046 19.3262C4.77175 19.4745 5.14522 19.5698 5.76074 19.6201C6.38599 19.6711 7.18701 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9062 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9062 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.002 6.94238C11.4602 6.9426 11.832 7.3142 11.832 7.77246C11.8318 8.23051 11.46 8.60232 11.002 8.60254H9.78809V15.3975H11.002C11.4602 15.3977 11.832 15.7693 11.832 16.2275C11.832 16.6858 11.4602 17.0574 11.002 17.0576H6.91309C6.45484 17.0574 6.08301 16.6858 6.08301 16.2275C6.08301 15.7693 6.45484 15.3976 6.91309 15.3975H8.12793V8.60254H6.91309C6.455 8.60236 6.08326 8.23053 6.08301 7.77246C6.08301 7.31418 6.45484 6.94256 6.91309 6.94238H11.002Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorInput',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorNum/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_num`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.7744 9.87629C12.1767 8.14144 13.7083 7.4351 15.0625 7.62629C16.4235 7.81862 17.7059 8.91997 17.706 10.7337C17.706 12.6158 16.1689 13.557 15.1484 14.1546C14.7627 14.3805 14.4358 14.5656 14.1611 14.7445H16.8759C17.334 14.7447 17.7059 15.1164 17.706 15.5745C17.706 16.0327 17.3341 16.4044 16.8759 16.4046H12.583C12.1246 16.4046 11.7529 16.0329 11.7529 15.5745C11.753 14.7331 12.2334 14.1443 12.7236 13.7376C13.1935 13.348 13.8175 13.0101 14.3095 12.722C15.4352 12.0628 16.0459 11.5568 16.0459 10.7337C16.0457 9.84256 15.4704 9.36034 14.8301 9.26985C14.1828 9.17854 13.568 9.49041 13.3916 10.2513C13.2881 10.6978 12.842 10.9758 12.3955 10.8724C11.949 10.7688 11.6709 10.3228 11.7744 9.87629ZM8.24704 7.73469C8.50235 7.57141 8.82682 7.56005 9.09275 7.70539C9.35881 7.85098 9.52434 8.13062 9.52439 8.43391V14.7357H10.0166C10.4749 14.7357 10.8465 15.1075 10.8467 15.5657C10.8467 16.0241 10.475 16.3958 10.0166 16.3958H7.26267C6.80443 16.3956 6.43259 16.024 6.43259 15.5657C6.43277 15.1076 6.80454 14.7359 7.26267 14.7357H7.86423V9.95051L7.57126 10.138C7.18529 10.3849 6.67192 10.2729 6.42478 9.88703C6.17784 9.50105 6.29087 8.98769 6.67673 8.74055L8.24704 7.73469Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorNum',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorRadio/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_radio`]" width="1em" height="1em" v-bind="$attrs"><rect x="2.714" y="4.26" width="6" height="6" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 5.22894H21.2845" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><rect x="2.714" y="13.739" width="6" height="6" rx="3" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 9.29095H17.25" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9363 14.7082H21.2845M11.9363 18.7703H17.25" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorRadio',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorSwitch/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_switch`]" width="1em" height="1em" v-bind="$attrs"><rect x="1.409" y="3.498" width="21.182" height="17.004" rx="8.502" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><rect x="10.895" y="8.016" width="7.968" height="7.968" rx="3.984" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorSwitch',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorTextarea/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_textarea`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.2012 8.25684C11.6594 8.25709 12.0312 8.62868 12.0312 9.08691C12.0311 9.54506 11.6593 9.91674 11.2012 9.91699H9.5V16.2354C9.5 16.6937 9.12832 17.0654 8.66992 17.0654C8.21162 17.0653 7.83984 16.6937 7.83984 16.2354V9.91699H6.13965C5.68132 9.91699 5.30967 9.54522 5.30957 9.08691C5.30957 8.62852 5.68125 8.25684 6.13965 8.25684H11.2012ZM17.0938 15.4053C17.5519 15.4055 17.9237 15.7771 17.9238 16.2354C17.9238 16.6936 17.552 17.0652 17.0938 17.0654H12.1826C11.7242 17.0654 11.3525 16.6937 11.3525 16.2354C11.3526 15.777 11.7243 15.4053 12.1826 15.4053H17.0938ZM17.0938 12.4414C17.552 12.4416 17.9238 12.8132 17.9238 13.2715C17.9236 13.7296 17.5518 14.1014 17.0938 14.1016H13.5352C13.0769 14.1016 12.7053 13.7297 12.7051 13.2715C12.7051 12.8131 13.0768 12.4414 13.5352 12.4414H17.0938Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorTextarea',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/index.js

@@ -219,4 +219,9 @@ export { default as IconFillLink } from './IconFillLink/index.vue';
 export { default as IconFillRow2col } from './IconFillRow2col/index.vue';
 export { default as IconColorDataFilter } from './IconColorDataFilter/index.vue';
 export { default as IconColorKey } from './IconColorKey/index.vue';
-export { default as IconLinePass } from './IconLinePass/index.vue';
+export { default as IconLinePass } from './IconLinePass/index.vue';
+export { default as IconColorNum } from './IconColorNum/index.vue';
+export { default as IconColorSwitch } from './IconColorSwitch/index.vue';
+export { default as IconColorInput } from './IconColorInput/index.vue';
+export { default as IconColorRadio } from './IconColorRadio/index.vue';
+export { default as IconColorTextarea } from './IconColorTextarea/index.vue';