npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@farris/component-querycondition

v0.1.68

Published

1. FarrisUi查询条件模块包括字段配置弹出窗口和字段查询条件展示区域:

Downloads

49

Readme

FarrisUi QueryCondition

  1. FarrisUi查询条件模块包括字段配置弹出窗口和字段查询条件展示区域:

    字段配置弹出窗口:选择字段;

    字段查询条件展示区域:显示查询字段和设置查询字段数值。

FarrisUi QueryCondition

  1. 输入属性:

    fieldConfigs:字段配置数据源,用于展示需要选择字段配置的列表,参数类型:Array,必传属性,FieldConfig实体结构见类注释(路径:

    querycondition/entity/fieldconfig/fieldconfig.ts);

    selectedFieldConditions:已选择字段配置条件列表,参数类型:Array,非必传属性,QueryCondition实体结构见类注释(路径:querycondition/entity/querycondition.ts);

    options: 选择项(设置控件是否显示,后续会扩展),非必须属性,参数类型:QuerySolutionOptions;

  2. 输出事件:

    selectedFieldConditionsEmitter:获取已经选择的字段查询条件列表,输出参数类型:Array;

    filterClickEvent:筛选按钮点击事件;

    saveClickEvent:保存按钮点击事件;

    saveAsClickEvent:另存为按钮点击事件。

FarrisUi QueryCondition模块引入步骤

  1. 引入模块QueryConditionModule

  2. 在HTML模板中引入:

    <farris-querycondition #farrisquerycondition 
        [fieldConfigs]="[字段配置列表]"
        [options]="选择项"
        [(selectedFieldConditions)]="[已选字段条件列表]">
        (fieldConditionsChange)="fieldConditionsHandler($event)"
        (filterClickEvent)="filterClickEventHandler($event)"
        (saveClickEvent)="saveClickEventHandler($event)"
        (saveAsClickEvent)="saveAsClickEventHandler($event)"
    </farris-querycondition>
  1. 打开字段配置窗口调用方式:
    export class DemoComponent{

    @ViewChild('farrisquerycondition') farrisquerycondition:QueryConditionComponent;

        //打开字段配置窗口
        openFieldConfigDialog(){
            this.farrisquerycondition.openFieldConfigDialog();
        }
    }
   

QueryCondition发包步骤

请使用 NodeJS 版本 8.11.3,否则在第四步会出错。

请使用node_modules.zip包里的代码,不需要npm install

第一步,在代码根目录/farris-querycondition-angular7下,运行命令

npm run ngc-farris-querycondition

运行完成,会在根目录/farris-querycondition-angular7下生成out-tsc文件夹。

第二步,在out-tsc/app/projects/farris-querycondition-designer/src/文件夹下添加两个文件:

分别是ui.jsquerycondition.js,内容如下:

//ui.js ---start
export * from '@farris/ui-common';
export * from '@farris/ui-common/column';
export * from '@farris/ui-common/date';
export * from '@farris/ui-common/events';
export * from '@farris/ui-common/lib';
export * from '@farris/ui-common/number';
export * from '@farris/ui-common/types';
export * from '@farris/ui-datatable';
export * from '@farris/ui-dialog';
export * from '@farris/ui-draggable';
export * from '@farris/ui-dropdown';
export * from '@farris/ui-field-group';
export * from '@farris/ui-filter-editor';
export * from '@farris/ui-flex-layout';
export * from '@farris/ui-forms';
export * from '@farris/ui-input-group';
export * from '@farris/ui-language-textbox';
export * from '@farris/ui-layout';
export * from '@farris/ui-loading';
export * from '@farris/ui-lookup';
export * from '@farris/ui-messager';
export * from '@farris/ui-modal';
export * from '@farris/ui-multi-select';
export * from '@farris/ui-notify';
export * from '@farris/ui-pagination';
export * from '@farris/ui-panel';
export * from '@farris/ui-perfect-scrollbar';
export * from '@farris/ui-popover';
export * from '@farris/ui-property-panel';
export * from '@farris/ui-response-toolbar';
export * from '@farris/ui-responsive';
export * from '@farris/ui-shortcuts';
export * from '@farris/ui-sort-editor';
export * from '@farris/ui-tabs';
export * from '@farris/ui-treetable';
//ui.js ---end

//querycondition.js ---start
export * from '@farris/component-querycondition';
//querycondition.js ---end

第三步,在代码根目录/farris-querycondition-angular7下,运行命令

npm run rollup-farris-querycondition

运行完成后,会生成dist-rollup-prod文件夹。

/dist-rollup-prod/farris-querycondition-designer/@farris/component-querycondition.js 需要复制到

安装盘/platform/common/web/@farris文件夹下

第四步,在代码根目录/farris-querycondition-angular7下,运行命令

npm run build farris-querycondition -c=production

运行完成后,会生成dist文件夹

第五步,发布npm包。

dist文件夹下package.json同级目录下运行命令:

//3选1 更新版本号(请手动修改版本号)
npm version patch //add 1 to the last number
npm version minor //add 1 to the middle number
npm version major //add 1 to the first number

//发布(确认所有修改已经提交)
npm login
npm publish -access=public -tag=latest