kts-component-invoice-operate 3.2.1 → 3.2.2

package/dist/InvoiceTypeModal/index.d.ts

@@ -5,9 +5,9 @@ export interface IFormValues {
     /** 开票种类 */
     billingType: 'digital' | 'taxation';
     /** 特定业务 */
-    business: any;
+    business?: any;
     /** 选择票类 */
-    invoiceType: any;
+    invoiceType?: any;
 }
 export interface IInvoiceTypeModalProps {
     /** 窗口标题 */
@@ -18,6 +18,8 @@ export interface IInvoiceTypeModalProps {
     onOk?: (values: IFormValues) => void;
     /** 点击了取消 */
     onCancel?: () => void;
+    /** 切换了 开票种类 */
+    onChange?: (e: 'digital' | 'taxation') => void;
     /** 禁用列表 */
     disableds?: ('billingType' | 'invoiceType' | 'business')[];
     /** 选择票类 选项 */

package/dist/index.esm.js

@@ -18436,6 +18436,13 @@ function InvoiceTypeModal(props) {
   var _props$disableds = props.disableds,
       disableds = _props$disableds === void 0 ? [] : _props$disableds;
 
+  var _React$useState = React.useState({
+    billingType: props.defaultBillingType || 'digital'
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      formValues = _React$useState2[0],
+      setValues = _React$useState2[1];
+
   var _Form$useForm = Form$1.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -18462,12 +18469,14 @@ function InvoiceTypeModal(props) {
   })), [props.onOk]);
   React.useEffect(function () {
     if (props.open) {
-      form.resetFields();
-      form.setFieldsValue({
+      var values = {
         billingType: props.defaultBillingType || 'digital',
         invoiceType: props.defaultInvoiceType,
         business: props.defaultBusiness
-      });
+      };
+      form.resetFields();
+      form.setFieldsValue(values);
+      setValues(values);
     }
   }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form]);
   return React.createElement(Modal, {
@@ -18482,6 +18491,9 @@ function InvoiceTypeModal(props) {
     layout: "vertical",
     style: {
       paddingTop: 20
+    },
+    onValuesChange: function onValuesChange(_, e) {
+      setValues(e);
     }
   }, React.createElement(Row, {
     gutter: [16, 16]
@@ -18494,6 +18506,9 @@ function InvoiceTypeModal(props) {
     className: "goods-list-digtal-reselect-invoice-typeModal-radio",
     optionType: "button",
     disabled: disableds.indexOf('billingType') >= 0,
+    onChange: function onChange(e) {
+      props.onChange && props.onChange(e.target.value);
+    },
     options: [{
       label: '数电发票',
       value: 'digital'
@@ -18512,6 +18527,8 @@ function InvoiceTypeModal(props) {
     }]
   }, React.createElement(Select$1, {
     size: 'large',
+    allowClear: true,
+    placeholder: "\u8BF7\u9009\u62E9\uFF08\u975E\u5FC5\u586B\u9879\uFF09",
     disabled: disableds.indexOf('invoiceType') >= 0,
     options: props.invoiceTypeOptions
   }))), React.createElement(Col, {
@@ -18521,7 +18538,8 @@ function InvoiceTypeModal(props) {
     label: "\u7279\u5B9A\u4E1A\u52A1"
   }, React.createElement(Select$1, {
     size: 'large',
-    disabled: disableds.indexOf('business') >= 0,
+    allowClear: true,
+    disabled: disableds.indexOf('business') >= 0 || !formValues.invoiceType,
     options: props.businessOptions
   }))))));
 }

package/dist/index.js

@@ -18446,6 +18446,13 @@ function InvoiceTypeModal(props) {
   var _props$disableds = props.disableds,
       disableds = _props$disableds === void 0 ? [] : _props$disableds;
 
+  var _React$useState = React__default['default'].useState({
+    billingType: props.defaultBillingType || 'digital'
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      formValues = _React$useState2[0],
+      setValues = _React$useState2[1];
+
   var _Form$useForm = ktsXui.Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -18472,12 +18479,14 @@ function InvoiceTypeModal(props) {
   })), [props.onOk]);
   React__default['default'].useEffect(function () {
     if (props.open) {
-      form.resetFields();
-      form.setFieldsValue({
+      var values = {
         billingType: props.defaultBillingType || 'digital',
         invoiceType: props.defaultInvoiceType,
         business: props.defaultBusiness
-      });
+      };
+      form.resetFields();
+      form.setFieldsValue(values);
+      setValues(values);
     }
   }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form]);
   return React__default['default'].createElement(ktsXui.Modal, {
@@ -18492,6 +18501,9 @@ function InvoiceTypeModal(props) {
     layout: "vertical",
     style: {
       paddingTop: 20
+    },
+    onValuesChange: function onValuesChange(_, e) {
+      setValues(e);
     }
   }, React__default['default'].createElement(ktsXui.Row, {
     gutter: [16, 16]
@@ -18504,6 +18516,9 @@ function InvoiceTypeModal(props) {
     className: "goods-list-digtal-reselect-invoice-typeModal-radio",
     optionType: "button",
     disabled: disableds.indexOf('billingType') >= 0,
+    onChange: function onChange(e) {
+      props.onChange && props.onChange(e.target.value);
+    },
     options: [{
       label: '数电发票',
       value: 'digital'
@@ -18522,6 +18537,8 @@ function InvoiceTypeModal(props) {
     }]
   }, React__default['default'].createElement(ktsXui.Select, {
     size: 'large',
+    allowClear: true,
+    placeholder: "\u8BF7\u9009\u62E9\uFF08\u975E\u5FC5\u586B\u9879\uFF09",
     disabled: disableds.indexOf('invoiceType') >= 0,
     options: props.invoiceTypeOptions
   }))), React__default['default'].createElement(ktsXui.Col, {
@@ -18531,7 +18548,8 @@ function InvoiceTypeModal(props) {
     label: "\u7279\u5B9A\u4E1A\u52A1"
   }, React__default['default'].createElement(ktsXui.Select, {
     size: 'large',
-    disabled: disableds.indexOf('business') >= 0,
+    allowClear: true,
+    disabled: disableds.indexOf('business') >= 0 || !formValues.invoiceType,
     options: props.businessOptions
   }))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/InvoiceTypeModal/_test/easiest/index.tsx

@@ -11,7 +11,6 @@ export default () => {
             <Button onClick={() => { setOpen(true) }} >打开</Button>
             <InvoiceTypeModal
                 open={open}
-                disableds={['business']}
                 onOk={e => console.log(e)}
                 onCancel={() => { setOpen(false) }}
                 defaultBusiness='1'

package/src/InvoiceTypeModal/index.tsx

@@ -10,10 +10,10 @@ export interface IFormValues {
     billingType: 'digital' | 'taxation';
 
     /** 特定业务 */
-    business: any;
+    business?: any;
 
     /** 选择票类 */
-    invoiceType: any;
+    invoiceType?: any;
 }
 
 export interface IInvoiceTypeModalProps {
@@ -30,6 +30,9 @@ export interface IInvoiceTypeModalProps {
     /** 点击了取消 */
     onCancel?: () => void;
 
+    /** 切换了 开票种类 */
+    onChange?: (e: 'digital' | 'taxation') => void;
+
     /** 禁用列表 */
     disableds?: ('billingType' | 'invoiceType' | 'business')[];
 
@@ -53,6 +56,8 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
 
     const { disableds = [] } = props;
 
+    const [formValues, setValues] = React.useState<IFormValues>({ billingType: props.defaultBillingType || 'digital' });
+
     const [form] = Form.useForm<IFormValues>();
 
     const onConfirm = React.useCallback(async () => {
@@ -62,12 +67,15 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
 
     React.useEffect(() => {
         if (props.open) {
-            form.resetFields();
-            form.setFieldsValue({
+            const values = {
                 billingType: props.defaultBillingType || 'digital',
                 invoiceType: props.defaultInvoiceType,
                 business: props.defaultBusiness,
-            })
+            }
+
+            form.resetFields();
+            form.setFieldsValue(values);
+            setValues(values);
         }
     }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form])
 
@@ -80,7 +88,12 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
             okText='确定'
             cancelText='取消'
         >
-            <Form form={form} layout="vertical" style={{ paddingTop: 20 }} >
+            <Form
+                form={form}
+                layout="vertical"
+                style={{ paddingTop: 20 }}
+                onValuesChange={(_, e) => { setValues(e) }}
+            >
                 <Row gutter={[16, 16]}>
                     <Col span={24} >
                         <Form.Item name='billingType' >
@@ -89,6 +102,7 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
                                 className="goods-list-digtal-reselect-invoice-typeModal-radio"
                                 optionType="button"
                                 disabled={disableds.indexOf('billingType') >= 0}
+                                onChange={e => { props.onChange && props.onChange(e.target.value) }}
                                 options={[
                                     { label: '数电发票', value: 'digital' },
                                     { label: '税控发票', value: 'taxation' },
@@ -105,6 +119,8 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
                         >
                             <Select
                                 size='large'
+                                allowClear
+                                placeholder="请选择（非必填项）"
                                 disabled={disableds.indexOf('invoiceType') >= 0}
                                 options={props.invoiceTypeOptions}
                             />
@@ -115,7 +131,8 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
                         <Form.Item name='business' label="特定业务">
                             <Select
                                 size='large'
-                                disabled={disableds.indexOf('business') >= 0}
+                                allowClear
+                                disabled={disableds.indexOf('business') >= 0 || !formValues.invoiceType}
                                 options={props.businessOptions}
                             />
                         </Form.Item>

package/docs-dist/404.html

@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
-    />
-    <link rel="stylesheet" href="/docs-dist/umi.css" />
-    <script>
-      window.routerBase = "/";
-    </script>
-    <script>
-      //! umi version: 3.5.27
-    </script>
-    <script>
-      !(function () {
-        var e = localStorage.getItem("dumi:prefers-color"),
-          t = window.matchMedia("(prefers-color-scheme: dark)").matches,
-          r = ["light", "dark", "auto"];
-        document.documentElement.setAttribute(
-          "data-prefers-color",
-          e === r[2] ? (t ? r[1] : r[0]) : r.indexOf(e) > -1 ? e : r[0]
-        );
-      })();
-    </script>
-  </head>
-  <body>
-    <div id="root"></div>
-
-    <script src="/docs-dist/umi.js"></script>
-  </body>
-</html>

package/docs-dist/index.html

@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
-    />
-    <link rel="stylesheet" href="/docs-dist/umi.css" />
-    <script>
-      window.routerBase = "/";
-    </script>
-    <script>
-      //! umi version: 3.5.27
-    </script>
-    <script>
-      !(function () {
-        var e = localStorage.getItem("dumi:prefers-color"),
-          t = window.matchMedia("(prefers-color-scheme: dark)").matches,
-          r = ["light", "dark", "auto"];
-        document.documentElement.setAttribute(
-          "data-prefers-color",
-          e === r[2] ? (t ? r[1] : r[0]) : r.indexOf(e) > -1 ? e : r[0]
-        );
-      })();
-    </script>
-  </head>
-  <body>
-    <div id="root"></div>
-
-    <script src="/docs-dist/umi.js"></script>
-  </body>
-</html>

package/docs-dist/static/add.a70623b4.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
-  <g clip-path="url(#clip0_715_372)">
-    <path d="M7.5 14.5312C3.61687 14.5312 0.46875 11.3831 0.46875 7.5C0.46875 3.61687 3.61687 0.46875 7.5 0.46875C11.3831 0.46875 14.5312 3.61687 14.5312 7.5C14.5312 11.3831 11.3831 14.5312 7.5 14.5312ZM7.5 13.5938C10.8656 13.5938 13.5938 10.8656 13.5938 7.5C13.5938 4.13438 10.8656 1.40625 7.5 1.40625C4.13438 1.40625 1.40625 4.13438 1.40625 7.5C1.40625 10.8656 4.13438 13.5938 7.5 13.5938Z" />
-    <path d="M3.75 7.96875C3.62568 7.96875 3.50645 7.91936 3.41854 7.83146C3.33064 7.74355 3.28125 7.62432 3.28125 7.5C3.28125 7.37568 3.33064 7.25645 3.41854 7.16854C3.50645 7.08064 3.62568 7.03125 3.75 7.03125H11.25C11.3743 7.03125 11.4935 7.08064 11.5815 7.16854C11.6694 7.25645 11.7188 7.37568 11.7188 7.5C11.7188 7.62432 11.6694 7.74355 11.5815 7.83146C11.4935 7.91936 11.3743 7.96875 11.25 7.96875H3.75Z" />
-    <path d="M7.03125 3.75C7.03125 3.62568 7.08064 3.50645 7.16854 3.41854C7.25645 3.33064 7.37568 3.28125 7.5 3.28125C7.62432 3.28125 7.74355 3.33064 7.83146 3.41854C7.91936 3.50645 7.96875 3.62568 7.96875 3.75V11.25C7.96875 11.3743 7.91936 11.4935 7.83146 11.5815C7.74355 11.6694 7.62432 11.7188 7.5 11.7188C7.37568 11.7188 7.25645 11.6694 7.16854 11.5815C7.08064 11.4935 7.03125 11.3743 7.03125 11.25V3.75Z" />
-  </g>
-  <defs>
-    <clipPath id="clip0_715_372">
-      <rect width="15" height="15" />
-    </clipPath>
-  </defs>
-</svg>

package/docs-dist/static/arrowDown.a1cbf0d8.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
-  <path d="M2.94338 4.42663C3.03458 4.42662 3.12571 4.46481 3.19459 4.54096L5.99164 7.6327L8.78868 4.54096C8.92463 4.39067 9.14733 4.38824 9.28606 4.53554C9.4248 4.68285 9.42705 4.92408 9.29107 5.07437L6.24283 8.44378C6.17667 8.5169 6.08613 8.55811 5.99164 8.55811C5.89714 8.55811 5.80659 8.5169 5.74044 8.44378L2.69221 5.07437C2.55623 4.92408 2.55849 4.68285 2.69722 4.53554C2.76567 4.46287 2.85455 4.42665 2.94338 4.42663Z"/>
-</svg>

package/docs-dist/static/arrowUp.4c482054.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
-  <path d="M9.55662 8.57337C9.46542 8.57338 9.37429 8.53519 9.30541 8.45904L6.50836 5.3673L3.71132 8.45904C3.57537 8.60933 3.35267 8.61176 3.21394 8.46446C3.0752 8.31715 3.07295 8.07592 3.20893 7.92563L6.25717 4.55622C6.32333 4.4831 6.41387 4.44189 6.50836 4.44189C6.60286 4.44189 6.69341 4.4831 6.75956 4.55622L9.80779 7.92563C9.94377 8.07592 9.94151 8.31715 9.80278 8.46446C9.73433 8.53713 9.64545 8.57335 9.55662 8.57337Z"/>
-</svg>

package/docs-dist/static/auto.a6cd905c.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1586510245354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4976" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M510.677 83.529c60.891 0 119.75 13.191 174.046 38.055l-40.087 70.028 202.97-1.016-101.99-175.063-35.52 61.909c-61.908-29.433-129.903-44.657-199.419-44.657-257.266 0-466.833 209.566-466.833 466.833 0 93.368 27.4 183.69 79.668 261.326l42.116-28.415c-46.684-69.012-71.039-149.183-71.039-232.91 0-229.355 186.729-416.09 416.088-416.09z m425.225 223.774l-46.175 20.802c24.356 53.788 37.039 111.637 37.039 171.512 0 229.358-186.73 416.089-416.089 416.089-46.684 0-92.351-7.608-135.99-22.832l34-65.968-202.468 10.148 110.116 170.5 35.52-69.012c50.738 18.777 104.526 27.908 159.33 27.908 257.265 0 466.832-209.567 466.832-466.833-0.507-66.98-14.715-131.93-42.115-192.314z m0 0" p-id="4977"></path><path d="M317.096 1023.06L192.387 829.965 421.78 818.47l-36.039 69.924c40.06 12.971 82.045 19.543 124.936 19.543 225.147 0 408.317-183.17 408.317-408.317 0-58.417-12.23-115.043-36.348-168.305l-3.212-7.094 60.343-27.186 3.203 7.059c27.889 61.462 42.292 127.226 42.81 195.467 0 261.757-212.908 474.664-474.606 474.664-54.211 0-106.5-8.76-155.546-26.05l-38.54 74.885zM220.05 844.143l95.524 147.906 32.521-63.187 6.458 2.39c49.176 18.198 101.874 27.425 156.632 27.425 253.126 0 459.06-205.933 459.06-459.06-0.48-63.377-13.353-124.59-38.275-182.018l-32.013 14.422c22.95 53.205 34.582 109.55 34.582 167.595 0 233.719-190.143 423.862-423.862 423.862-47.682 0-94.297-7.828-138.55-23.266l-8.448-2.948 31.914-61.92-175.543 8.8z m-98.64-72.405l-4.345-6.455C64.08 686.583 36.071 594.717 36.071 499.617c0-261.698 212.907-474.605 474.605-474.605 68.724 0 134.705 14.25 196.232 42.368L745.564 0.005 861.09 198.301l-229.898 1.151 42.514-74.27c-51.835-22.486-106.64-33.88-163.03-33.88-225.147 0-408.317 183.17-408.317 408.316 0 82.11 24.104 161.145 69.705 228.556l4.36 6.445-55.014 37.12zM510.677 40.557c-253.126 0-459.06 205.934-459.06 459.06 0 89.396 25.578 175.828 74.053 250.495l29.221-19.715c-44.563-68.554-68.074-148.169-68.074-230.78 0-233.717 190.143-423.861 423.861-423.861 61.471 0 121.117 13.04 177.283 38.76l7.738 3.543-37.618 65.714 176.044-0.882-88.458-151.83-32.41 56.489-6.498-3.09C645.482 55.329 579.51 40.558 510.677 40.558z" p-id="4978"></path><path d="M320.113 320.409h383.973v63.55H320.113z m0.184 127.952H704.27v63.55H320.297z m-0.184 127.803h383.973v63.55H320.113z" p-id="4979"></path></svg>

package/docs-dist/static/fork.5431267d.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-  <g clip-path="url(#clip0_695_1221)">
-    <path d="M7.99978 0.888916C4.08867 0.888916 0.888672 4.08892 0.888672 8.00003C0.888672 11.9111 4.08867 15.1111 7.99978 15.1111C11.9109 15.1111 15.1109 11.9111 15.1109 8.00003C15.1109 4.08892 11.9109 0.888916 7.99978 0.888916ZM7.99978 14.2222C4.53312 14.2222 1.77756 11.4667 1.77756 8.00003C1.77756 4.53336 4.53312 1.7778 7.99978 1.7778C11.4664 1.7778 14.222 4.53336 14.222 8.00003C14.222 11.4667 11.4664 14.2222 7.99978 14.2222Z" fill="#333333"/>
-    <path d="M10.7019 11.3288L4.72949 5.35818L5.35794 4.72974L11.3295 10.7004L10.7019 11.3288Z" fill="#333333"/>
-    <path d="M4.66895 10.7023L10.6396 4.73071L11.2681 5.35916L5.29739 11.3307L4.66895 10.7023Z" fill="#333333"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_695_1221">
-      <rect width="16" height="16" fill="white"/>
-    </clipPath>
-  </defs>
-</svg>

package/docs-dist/static/magnifier.2b26be6e.svg

@@ -1 +0,0 @@
-<svg t="1656901778998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9253" width="200" height="200"><path d="M985.781333 918.594133 820.773333 765.5264c27.3728-32.973867 49.6544-69.5776 66.436267-109.258667 22.933333-54.218667 34.561067-111.7952 34.561067-171.1296 0-59.333333-11.627733-116.910933-34.561067-171.1296-22.142933-52.354133-53.837867-99.365333-94.200533-139.729067S705.633067 102.222933 653.28 80.08c-54.218667-22.933333-111.7952-34.561067-171.1296-34.561067S365.240533 57.147733 311.021867 80.08c-52.354133 22.142933-99.365333 53.8368-139.729067 94.200533s-72.0576 87.374933-94.200533 139.729067c-22.932267 54.218667-34.56 111.7952-34.56 171.1296 0 59.3344 11.627733 116.910933 34.56 171.1296 22.144 52.354133 53.837867 99.365333 94.200533 139.729067s87.374933 72.0576 139.729067 94.200533c54.218667 22.932267 111.7952 34.56 171.1296 34.56s116.910933-11.627733 171.1296-34.56c45.352533-19.181867 86.686933-45.543467 123.172267-78.487467L942.256 965.514667c6.16 5.714133 13.966933 8.539733 21.755733 8.539733 8.593067 0 17.163733-3.441067 23.467733-10.237867C999.4976 950.8608 998.738133 930.612267 985.781333 918.594133zM482.151467 860.7584c-207.117867 0-375.620267-168.5024-375.620267-375.620267 0-207.1168 168.5024-375.6192 375.620267-375.6192S857.770667 278.021333 857.770667 485.138133C857.770667 692.256 689.268267 860.7584 482.151467 860.7584z" p-id="9254"></path></svg>

package/docs-dist/static/spot.42e620e1.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1574652728953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4119" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M512 512m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="4120"></path><path d="M512 96.64m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="4121"></path><path d="M512 927.36m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="4122"></path></svg>