@pisell/materials 1.0.779 → 1.0.780

package/lib/components/pisellCardList/index.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
+import { PisellContextType } from '../pisell-config-provider/context';
+import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
+import './index.less';
+export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
+    platform?: PisellContextType['platform'];
+    /** 当用户查看完所有记录时，底部会显示此消息 */
+    endMessage?: React.ReactNode;
+    /** 加载下次数据时的加载站位 */
+    loader?: React.ReactNode;
+    /** 是否有更多数据 */
+    hasMore: boolean;
+    /** 加载更多数据回调 */
+    loadMoreData?: () => Promise<void>;
+    /** 当前list数据 */
+    data: PisellWalletPassCardProps[];
+    /** list空数据时展示内容 */
+    empty?: React.ReactNode;
+    /** 是否展示空状态 */
+    showEmpty?: boolean;
+    /** 是否展示卡片名称 */
+    showName?: boolean;
+    /** 是否展示店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示核销金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示编码 */
+    showCode?: boolean;
+    /** 是否展示到期时间 */
+    showValidDate?: boolean;
+    /** 是否展示详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示二维码 */
+    showQrCode?: boolean;
+    /** 是否展示封面图 */
+    showCover?: boolean;
+    /** 是否余额货币单位 */
+    showBalanceSymbol?: boolean;
+    /** 卡片大小 */
+    type?: 'default' | 'mini';
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any, index: number) => void;
+}
+declare const _default: React.NamedExoticComponent<PisellCardListProps>;
+export default _default;

package/lib/components/pisellCheckboxGroup/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellCheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+declare type PisellCheckboxGroupValue = string | string[] | any;
+export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
+    rowKey?: string;
+    mode?: 'multiple' | 'single';
+    iconPosition?: 'left' | 'right' | 'hide';
+    optionClassName?: string;
+    optionActiveClassName?: string;
+}
+/**
+ * @title: PisellCheckboxGroup
+ * @description: 选中组件
+ * @param {PisellCheckboxGroupProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:34
+ */
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+export default PisellCheckboxGroup;

package/lib/components/pisellEmpty/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    /** 最大宽度 */
+    maxWidth?: number;
+    [key: string]: any;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

package/lib/components/pisellInformationEntry/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+export default PisellInformationEntry;

package/lib/components/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/lib/components/pisellWalletPassCard/index.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import './index.less';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+export default PisellWalletPassCard;

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/components/Time/components/Like/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './index.less';
+declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
+    style?: any;
+    status: string;
+    onLike?: any;
+    className?: string | undefined;
+    isShowChangeResource?: boolean | undefined;
+}) => JSX.Element;
+export default Like;

package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, }: any) => JSX.Element;
+export default SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolder/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(SelectHolder_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
-var import_icons = require("@ant-design/icons");
+var import_iconfont = __toESM(require("../../../../../iconfont"));
 var import_index = require("./index.less");
 var SelectHolder = ({
   lists,
@@ -44,7 +44,10 @@ var SelectHolder = ({
   holderMode,
   isShowAddHolderButton,
   onAddHolder,
-  addHolderButtonText
+  addHolderButtonText,
+  onClearHolder,
+  isErrorHolder,
+  allowClear = false
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
@@ -61,49 +64,84 @@ var SelectHolder = ({
     addHolderButtonText,
     "select-holder"
   );
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-product-card-select-holder" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
+  const isError = (0, import_react.useMemo)(() => {
+    if (!selectedValue && isErrorHolder) return true;
+  }, [selectedValue, isErrorHolder]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      onClick: (e) => e.stopPropagation(),
-      mode: holderMode,
-      size: "large",
-      showSearch: true,
-      value: selectedValue,
-      onChange: (val) => {
-        setSelectedValue(val);
-        const item = lists.find((d) => d.id === val);
-        onChange(item);
-      },
-      options: lists.map((item) => ({
-        label: item == null ? void 0 : item.label,
-        value: item == null ? void 0 : item.id
-      })),
-      dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          type: "text",
-          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
-          onClick: addItem,
-          style: { width: "100%" }
+      className: `pisell-lowcode-product-card-select-holder ${isError ? "pisell-lowcode-product-card-select-holder-error" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        onClick: (e) => e.stopPropagation(),
+        mode: holderMode,
+        size: "large",
+        showSearch: true,
+        allowClear,
+        onClear: () => onChange(""),
+        value: selectedValue,
+        placeholder: import_utils.locales.getText(
+          "pisell2.product.card.add.holder.placeholder"
+        )(""),
+        onChange: (val) => {
+          setSelectedValue(val);
+          const item = lists.find((d) => d.id === val);
+          onChange(item);
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          "span",
+        options: lists.map((item) => ({
+          label: item == null ? void 0 : item.label,
+          value: item == null ? void 0 : item.id
+        })),
+        dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
+          "div",
           {
+            onClick: addItem,
+            className: "select-holder-add-btn-wrap",
             style: {
-              display: "inline-block",
-              maxWidth: "100%",
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              verticalAlign: "middle"
+              display: "flex",
+              alignContent: "center",
+              padding: "4px 10px 10px 8px",
+              gap: "8px",
+              flex: "1 0 0",
+              color: "var(--Primary-600, #7f56d9)",
+              fontSize: "14px",
+              fontWeight: 600,
+              lineHeight: "20px",
+              cursor: "pointer"
             }
           },
-          import_utils.locales.getText(
-            "pisell2.product.card.add.holder.button.text"
-          )(addHolderButtonText || "")
-        )
-      )) : null)
-    }
-  ));
+          /* @__PURE__ */ import_react.default.createElement(
+            import_iconfont.default,
+            {
+              type: "pisell2-plus-circle",
+              style: { fontSize: "20px" }
+            }
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              style: {
+                flex: 1,
+                display: "inline-block",
+                maxWidth: "100%",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                verticalAlign: "middle"
+              }
+            },
+            import_utils.locales.getText(
+              "pisell2.product.card.add.holder.button.text"
+            )(addHolderButtonText)
+          )
+        )) : null)
+      }
+    ),
+    isError ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-holder-error" }, import_utils.locales.getText("pisell2.product.card.add.holder.placeholder")(
+      addHolderButtonText
+    )) : null
+  );
 };
 var SelectHolder_default = SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolder/index.less

@@ -7,4 +7,31 @@
       border-radius: 50px;
     }
   }
+
+  .select-holder-add-btn-wrap {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 12px 10px 12px 8px;
+    gap: 8px;
+    flex: 1 0 0;
+    color: var(--Primary-600, #7f56d9);
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .select-holder-error {
+    color: var(--Error-600, #d92d20);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+}
+
+.pisell-lowcode-product-card-select-holder-error {
+  .pisell-lowcode-select-selector {
+    border: 1px solid var(--Error-600, #d92d20) !important;
+  }
 }

package/lib/components/productCard/components/Time/components/SelectResource/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface ResourceItem {
+    id: string | number;
+    label: string;
+    isError?: boolean;
+    [key: string]: any;
+}
+interface SelectResourceProps {
+    lists: ResourceItem[];
+    value: any;
+    onChange: (val: any) => void;
+    resourceMode?: 'multiple' | 'tags' | undefined;
+    maxLength?: number;
+    isParallelResource?: boolean;
+    [key: string]: any;
+}
+declare const SelectResource: ({ lists, value, onChange, resourceMode, maxLength, allowClear, onClearResource, ...props }: SelectResourceProps) => JSX.Element;
+export default SelectResource;

package/lib/components/productCard/components/Time/components/SelectResource/index.js

@@ -42,6 +42,8 @@ var SelectResource = ({
   onChange,
   resourceMode,
   maxLength,
+  allowClear = false,
+  onClearResource,
   ...props
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
@@ -59,25 +61,28 @@ var SelectResource = ({
       return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: d.id, key: d.id, ...d || {} }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react.default.createElement("span", null, d["label"]), (d == null ? void 0 : d.isError) ? /* @__PURE__ */ import_react.default.createElement(import_AlertTriangle.default, { style: { color: "#b42318", cursor: "pointer" } }) : null));
     });
   }, [lists]);
-  const handleChange = (0, import_react.useCallback)((val) => {
-    if (["multiple", "tags"].includes(resourceMode) && maxLength) {
-      if (value && value.length >= maxLength && val.length > value.length) {
-        return;
+  const handleChange = (0, import_react.useCallback)(
+    (val) => {
+      if (["multiple", "tags"].includes(resourceMode) && maxLength) {
+        if (value && value.length >= maxLength && val.length > value.length) {
+          return;
+        }
       }
-    }
-    setSelectedValue(val);
-    if (props.isParallelResource) {
-      const valueArray = (0, import_utils.isArr)(val) ? val : [val];
-      return onChange({
-        value: valueArray,
-        options: valueArray.map((v) => resourceMap[v]),
-        resourceMode,
-        props
-      });
-    }
-    const item = resourceMap[val];
-    onChange(item);
-  }, [resourceMode, maxLength, value, onChange, props, resourceMap]);
+      setSelectedValue(val);
+      if (props.isParallelResource) {
+        const valueArray = (0, import_utils.isArr)(val) ? val : [val];
+        return onChange({
+          value: valueArray,
+          options: valueArray.map((v) => resourceMap[v]),
+          resourceMode,
+          props
+        });
+      }
+      const item = resourceMap[val];
+      onChange(item);
+    },
+    [resourceMode, maxLength, value, onChange, props, resourceMap]
+  );
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Select,
     {
@@ -86,6 +91,8 @@ var SelectResource = ({
       showSearch: true,
       style: { flex: 1, overflow: "hidden" },
       onClick: (e) => e.stopPropagation(),
+      allowClear,
+      onClear: () => onChange(""),
       value: selectedValue,
       onChange: handleChange
     },

package/lib/components/productCard/components/Time/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, onAddHolder, isShowAddHolderButton, onClearHolder, onClearResource, }: any) => JSX.Element | null;
+export default Time;

package/lib/components/productCard/components/Time/index.js

@@ -50,7 +50,9 @@ var Time = ({
   isShowChangeHolder,
   holderMode,
   onAddHolder,
-  isShowAddHolderButton
+  isShowAddHolderButton,
+  onClearHolder,
+  onClearResource
 }) => {
   const {
     start_date,
@@ -66,7 +68,10 @@ var Time = ({
     // 多个资源数据
     multiResources,
     addHolderButtonText,
-    isMultipleResource
+    isMultipleResource,
+    isErrorHolder,
+    allowClearHolder,
+    allowClearResource
   } = item;
   const holderCom = (0, import_react.useMemo)(() => {
     if (!isShowHolder) return null;
@@ -80,7 +85,10 @@ var Time = ({
           holderMode,
           isShowAddHolderButton,
           onAddHolder,
-          addHolderButtonText
+          addHolderButtonText,
+          onClearHolder,
+          isErrorHolder,
+          allowClear: allowClearHolder
         }
       );
     }
@@ -94,7 +102,10 @@ var Time = ({
     holderMode,
     holders,
     isShowAddHolderButton,
-    isShowChangeHolder
+    isShowChangeHolder,
+    isErrorHolder,
+    addHolderButtonText,
+    allowClearHolder
   ]);
   const likeCom = (0, import_react.useCallback)(
     (status, item2) => {
@@ -126,14 +137,15 @@ var Time = ({
           ...item2,
           lists: item2 == null ? void 0 : item2.lists,
           value: item2 == null ? void 0 : item2.id,
-          allowClear: item2 == null ? void 0 : item2.allowClear,
           onChange: changeResource,
           resourceMode: item2.resourceMode,
-          maxLength: item2.maxLength
+          maxLength: item2.maxLength,
+          onClearResource,
+          allowClear: allowClearResource
         }
       );
     },
-    [isShowChangeResource]
+    [isShowChangeResource, allowClearResource]
   );
   const likeAndResourceCom = (0, import_react.useMemo)(() => {
     if (isMultipleResource) {

package/lib/components/productCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: React.FC<ProductCardTypes>;
+export default ProductCard;

package/lib/components/productCard/index.js

@@ -142,7 +142,9 @@ var ProductCard = (props) => {
             changeResource: onChangeResource,
             changeHolder: onChangeHolder,
             onAddHolder: other == null ? void 0 : other.onAddHolder,
-            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton
+            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton,
+            onClearResource: other == null ? void 0 : other.onClearResource,
+            onClearHolder: other == null ? void 0 : other.onClearHolder
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),