Skip to content

Commit

Permalink
feat: add APi navigateTo (#28)
Browse files Browse the repository at this point in the history
  • Loading branch information
missannil authored Nov 21, 2023
1 parent 716ca5a commit c4a4344
Show file tree
Hide file tree
Showing 119 changed files with 7,956 additions and 1,705 deletions.
1 change: 1 addition & 0 deletions .eslintrc.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -60,5 +60,6 @@ module.exports = {
{ blankLine: "always", prev: "*", next: ["interface", "type"] },
{ blankLine: "always", prev: ["interface", "type"], next: "*" },
],
"complexity": ["error", 10],
},
};
1 change: 0 additions & 1 deletion .github/workflows/test.yml
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ jobs:
timeout-minutes: 1
steps:
- uses: actions/checkout@v3

- name: Setup Node.js
uses: actions/setup-node@v3
with:
Expand Down
142 changes: 84 additions & 58 deletions Q&A.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
// computed字段的一些特性
/**
* 1. 泛型无默认值有字段提示,提升全
* 1. 泛型无默认值有字段提示
*/
function foo<T extends Partial<{ str: string; num: number; bool: boolean }>>(obj: T) {
obj;
Expand All @@ -23,8 +24,8 @@ foo1({
});

type Options<TComputed, ComputedReturnType> = {
computed: TComputed & ThisType<{ data: ComputedReturnType }>;
};
computed: TComputed;
} & ThisType<{ data: ComputedReturnType }>;

/**
* 3. 泛型字段为`Record<string, () => void>`时,若要通过this相互间引用,需要加默认值。
Expand Down Expand Up @@ -58,7 +59,7 @@ type Obj = {
};

/**
* 4. 接上 TComputed约束有具体字段时,返回字面量需要加上const才可以(如num),且没有第二字段提示,且不可以相互this引用
* 4. TComputed约束有具体字段时,不允许相互依赖(且返回字面量需要加上const才可以(如num),且没有第二字段提示)
*/
function foo3<
TComputed extends { [k in keyof Obj]?: () => Obj[k] } = {},
Expand All @@ -77,74 +78,99 @@ foo3({
str() {
return "b";
},
xxx() {
return 123;
},
literalNum() {
return 123 as const; // 需要加const
},
_aaa_other() { // 任意字段可以引用存在字段
_aaa_other() { // 非约束字段可引用其他字段
return this.data.str;
},
},
});

foo3({
computed: {
str() {
return "123";
},
// @ts-ignore num 不允许依赖xxx
num() {
return 123;
// @ts-ignore num 不允许依赖xxx
return +this.data.str;
},
},
});

foo3({
// 最终解决方案
type ComputedConstraint = Record<string, () => any>;

type Validator1<TComputed extends ComputedConstraint, TObj extends Record<PropertyKey, any>> = {
[
k in keyof TComputed as k extends keyof TObj ? never : k
]: "多余字段";
};

type OptionAA<
TComputed extends ComputedConstraint,
TObj extends Record<string, any>,
ComputedReturnType,
> = {
computed?:
& TComputed
& ValidatorOfReturnType<TComputed, TObj>
& Validator1<TComputed, TObj>;
} & ThisType<{ data: ComputeObj<ComputedReturnType & { aaa: number; bbb: string }> }>;

export type ValidatorOfReturnType<TComputed, TCompare extends Record<PropertyKey, unknown>> = {
[
k in keyof TComputed as TComputed[k] extends (() => TCompare[k]) ? never : k
]: "类型错误";
};

type getReturnType<T extends Record<string, () => any>> = { [k in keyof T]: ReturnType<T[k]> };

function foo4<
TComputed extends ComputedConstraint = {},
ComputedReturnType = getReturnType<TComputed>,
>(
obj: OptionAA<TComputed, Obj, ComputedReturnType>,
): void {
obj;

return {} as any;
}

type ComputeObj<T> = T extends unknown ? { [k in keyof T]: T[k] } : never;

// 正常写法
foo4({
computed: {
_aaa_other() {
return 123;
str() {
return this.data.bbb;
},
num() {
return +this.data.str;
},
// @ts-expect-error 存在字段不可以引用其他字段
},
});

// 类型错误
foo4({
computed: {
// @ts-expect-error 类型错误
num() {
// @ts-expect-error 存在字段不可以引用其他字段
return this.data._aaa_other;
return "123";
},
},
});

// type Validator<TComputed, TObj, > = { [k in keyof TComputed as ReturnType<TComputed[k]> extends TObj[k]?never:k]:()=> TObj[k]};

// type Option<TComputed, ComputedReturnType, TObj> = {
// computed?:
// & TComputed
// & ThisType<{ data: ComputedReturnType }>
// & Validator< TComputed, TObj>;
// };

// //
// function foo4<
// TComputed extends Record<string, () => any> = {},
// // @ts-ignore 忽略ReturnType<TComputed[k]>报错
// ComputedReturnType extends object = { [k in keyof TComputed]: ReturnType<TComputed[k]> },
// >(
// obj: Option<TComputed, ComputedReturnType, Obj>,
// ): ComputedReturnType {
// obj;

// return {} as any;
// }

// const aaa = foo4({
// computed: {
// num() {
// return 123;
// },
// str() {
// return 123;
// },

// },
// });

// RootComponent({
// properties: {
// aaa: {
// type: String,
// value: 123,
// },
// bbb: {
// type: Number,
// value: "123",
// },
// },
// });
foo4({
computed: {
// @ts-ignore 多余字段
xxx() {
return 444;
},
},
});
202 changes: 202 additions & 0 deletions jest.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
/*
* For a detailed explanation regarding each configuration property and type check, visit:
* https://jestjs.io/docs/configuration
*/
import type { Config } from "@jest/types";
exports.default = {
clearMocks: true,
testEnvironment: "jsdom",
collectCoverage: false,
coverageDirectory: "coverage",
testMatch: [
"<rootDir>/jest/**/*.test.ts",
],
transform: {
"\\.ts?$": "ts-jest", // 添加的
},
// All imported modules in your tests should be mocked automatically
// automock: false,

// Stop running tests after `n` failures
// bail: 0,

// The directory where Jest should store its cached dependency information
// cacheDirectory: "C:\\Users\\missannil\\AppData\\Local\\Temp\\jest",

// Automatically clear mock calls, instances, contexts and results before every test

// Indicates whether the coverage information should be collected while executing the test

// An array of glob patterns indicating a set of files for which coverage information should be collected
// collectCoverageFrom: undefined,

// The directory where Jest should output its coverage files

// An array of regexp pattern strings used to skip coverage collection
// coveragePathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// Indicates which provider should be used to instrument code for coverage
// coverageProvider: "babel",

// A list of reporter names that Jest uses when writing coverage reports
// coverageReporters: [
// "json",
// "text",
// "lcov",
// "clover"
// ],

// An object that configures minimum threshold enforcement for coverage results
// coverageThreshold: undefined,

// A path to a custom dependency extractor
// dependencyExtractor: undefined,

// Make calling deprecated APIs throw helpful error messages
// errorOnDeprecated: false, @commitlint/load

// The default configuration for fake timers
// fakeTimers: {
// "enableGlobally": false
// },

// Force coverage collection from ignored files using an array of glob patterns
// forceCoverageMatch: [],

// A path to a module which exports an async function that is triggered once before all test suites
// globalSetup: undefined,

// A path to a module which exports an async function that is triggered once after all test suites
// globalTeardown: undefined,

// A set of global variables that need to be available in all test environments
// globals: {},

// The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
// maxWorkers: "50%",

// An array of directory names to be searched recursively up from the requiring module's location
// moduleDirectories: [
// "node_modules"
// ],

// An array of file extensions your modules use
// moduleFileExtensions: [
// "js",
// "mjs",
// "cjs",
// "jsx",
// "ts",
// "tsx",
// "json",
// "node"
// ],

// A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
// moduleNameMapper: {},

// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
// modulePathIgnorePatterns: [],

// Activates notifications for test results
// notify: false,

// An enum that specifies notification mode. Requires { notify: true }
// notifyMode: "failure-change",

// A preset that is used as a base for Jest's configuration
// preset: undefined,

// Run tests from one or more projects
// projects: undefined,

// Use this configuration option to add custom reporters to Jest
// reporters: undefined,

// Automatically reset mock state before every test
// resetMocks: false,

// Reset the module registry before running each individual test
// resetModules: false,

// A path to a custom resolver
// resolver: undefined,

// Automatically restore mock state and implementation before every test
// restoreMocks: false,

// The root directory that Jest should scan for tests and modules within
// rootDir: undefined,

// A list of paths to directories that Jest should use to search for files in
// roots: [
// "<rootDir>"
// ],

// Allows you to use a custom runner instead of Jest's default test runner
// runner: "jest-runner",

// The paths to modules that run some code to configure or set up the testing environment before each test
// setupFiles: [],

// A list of paths to modules that run some code to configure or set up the testing framework before each test
// setupFilesAfterEnv: [],

// The number of seconds after which a test is considered as slow and reported as such in the results.
// slowTestThreshold: 5,

// A list of paths to snapshot serializer modules Jest should use for snapshot testing
// snapshotSerializers: [],

// The test environment that will be used for testing

// Options that will be passed to the testEnvironment
// testEnvironmentOptions: {},

// Adds a location field to test results
// testLocationInResults: false,

// The glob patterns Jest uses to detect test files
// testMatch: [
// "**/__tests__/**/*.[jt]s?(x)",
// "**/?(*.)+(spec|test).[tj]s?(x)"
// ],

// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
// testPathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// The regexp pattern or array of patterns that Jest uses to detect test files
// testRegex: [],

// This option allows the use of a custom results processor
// testResultsProcessor: undefined,

// This option allows use of a custom test runner
// testRunner: "jest-circus/runner",

// A map from regular expressions to paths to transformers
// transform: undefined,

// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
// transformIgnorePatterns: [
// "\\\\node_modules\\\\",
// "\\.pnp\\.[^\\\\]+$"
// ],

// An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
// unmockedModulePathPatterns: undefined,

// Indicates whether each individual test should be reported during the run
// verbose: undefined,

// An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
// watchPathIgnorePatterns: [],

// Whether to use watchman for file crawling
// watchman: true,
} satisfies Config.InitialOptions;
// export default config;
Loading

0 comments on commit c4a4344

Please sign in to comment.