@sv-print/plugin-options-modify

安装

npm install @sv-print/plugin-options-modify

使用

sv-print 插件引入的两种方式见：sv-print 插件引入的两种方式:https://www.ibujian.cn/svp/plugin/a02.html

import pluginOptionsModify, {
  getSelectToInputModifyHandler,
  InputValueGetHandler,
  InputValueSetHandler,
} from "@sv-print/plugin-options-modify";
const plugins = [
  pluginOptionsModify({
    list: [
      {
        optionNames: ["fontSize", "lineHeight"],
        modifyHandler: getSelectToInputModifyHandler(
          `<input type="number" value="1" step="1" min="1" class="auto-submit"/>`
        ),
        setValueHandler: (item, value) => {
          console.log(item, value);
          InputValueSetHandler(item, value || 9);
        },
        getValueHandler: InputValueGetHandler,
      },
      {
        filter: (key, target) => {
          return key === "fontWeight";
        },
        modifyHandler: (key, target: JQuery<HTMLElement>) => {
          if (target.find(".hiprint-option-item-field select").length > 0) {
            target.find(".hiprint-option-item-field").empty();
            target
              .find(".hiprint-option-item-field")
              .append(
                `<input type="number" value="200" step="100" min="200" class="auto-submit"/>`
              );
          }
          return target;
        },
        setValueHandler: (item, value) => {
          console.log(item, value);
          InputValueSetHandler(item, value || 400);
        },
        getValueHandler: InputValueGetHandler,
      },
    ],
  }),
];

TIPS

可根据自身项目的组件自定义 modifyHandler，实现对选项的自修改。 同时搭配 setValueHandler 和 getValueHandler，实现对选项的自获取和设置。

比如 vue 项目 可使用 vue 组件实现对选项的自修改。

react 项目，可使用 react 组件实现对选项的自修改。

License

LGPL

开源使用须知

1.请自觉遵守 LGPL 协议，其他用途可联系作者；

2.允许用于个人学习、毕业设计、教学案例、公益事业、商业使用；

3.如果商用必须保留版权信息，请自觉遵守；

4.禁止将本开源的代码和资源进行任何形式任何名义的出售，否则产生的一切任何后果责任由侵权者自负；

5.商用请仔细审查代码和漏洞，不得用于任一国家许可范围之外的商业应用，产生的一切任何后果责任自负；